diff --git a/MIGRATION.md b/MIGRATION.md
index e65b163f7b52..5d8b63b44224 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -669,7 +669,10 @@ For example:
 ```ts
 import type { StorybookConfig } from '@storybook/react-vite';
 const config: StorybookConfig = {
-  framework: '@storybook/react-vite',
+  framework: {
+    name: '@storybook/react-vite',
+    options: {}
+  },
   // ... your configuration
 };
 export default config;
diff --git a/docs/snippets/common/storybook-vite-builder-ts-configure.ts.mdx b/docs/snippets/common/storybook-vite-builder-ts-configure.ts.mdx
index f2edd8122e1a..38fc82b0bd9b 100644
--- a/docs/snippets/common/storybook-vite-builder-ts-configure.ts.mdx
+++ b/docs/snippets/common/storybook-vite-builder-ts-configure.ts.mdx
@@ -1,12 +1,15 @@
 ```ts
 // .storybook/main.ts
 
-import type { StorybookConfig } from '@storybook/react-vite'; // your framework
+import type { StorybookConfig } from '@storybook/react-vite';
 
 const config: StorybookConfig = {
   stories: ['../src/**/*.mdx', '../stories/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
-  framework: '@storybook/react-vite',
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
+  },
   async viteFinal(config, options) {
     // Add your configuration here
     return config;