diff --git a/docs/snippets/common/main-config-webpack-final.js.mdx b/docs/snippets/common/main-config-webpack-final.js.mdx
index 65d346eb38db..4c583dca901f 100644
--- a/docs/snippets/common/main-config-webpack-final.js.mdx
+++ b/docs/snippets/common/main-config-webpack-final.js.mdx
@@ -5,7 +5,7 @@ export default {
   // Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
   framework: '@storybook/your-framework',
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  async webpackFinal(config, { configType }) {
+  webpackFinal: async (config, { configType }) => {
     if (configType === 'DEVELOPMENT') {
       // Modify config for development
     }
diff --git a/docs/snippets/common/main-config-webpack-final.ts.mdx b/docs/snippets/common/main-config-webpack-final.ts.mdx
index c3d1e9aa2185..35d69858d07c 100644
--- a/docs/snippets/common/main-config-webpack-final.ts.mdx
+++ b/docs/snippets/common/main-config-webpack-final.ts.mdx
@@ -7,7 +7,7 @@ import type { StorybookConfig } from '@storybook/your-framework';
 const config: StorybookConfig = {
   framework: '@storybook/your-framework',
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  async webpackFinal(config, { configType }) {
+  webpackFinal: async (config, { configType }) => {
     if (configType === 'DEVELOPMENT') {
       // Modify config for development
     }