diff --git a/docs/_snippets/vite-includeStorybookNextjsPlugin.md b/docs/_snippets/vite-includeStorybookNextjsPlugin.md new file mode 100644 index 000000000000..005f7bd93602 --- /dev/null +++ b/docs/_snippets/vite-includeStorybookNextjsPlugin.md @@ -0,0 +1,9 @@ +```ts filename="vitest.config.ts" renderer="react" language="ts" +import { defineConfig } from "vite"; +import { storybookNextJsPlugin } from '@storybook/nextjs-vite/vite-plugin' + +export default defineConfig({ + // only necessary when not using @storybook/addon-vitest, otherwise the plugin is loaded automatically + plugins: [storybookNextJsPlugin()], +}); +``` diff --git a/docs/writing-tests/integrations/stories-in-unit-tests.mdx b/docs/writing-tests/integrations/stories-in-unit-tests.mdx index d6ff7de0ce0f..88312033f8f7 100644 --- a/docs/writing-tests/integrations/stories-in-unit-tests.mdx +++ b/docs/writing-tests/integrations/stories-in-unit-tests.mdx @@ -79,6 +79,16 @@ Storybook provides community-led addons for other frameworks like [Vue 2](https: {/* prettier-ignore-end */} + + ### Next.js Vite cannot find the module + + If you are seeing error messages like `Cannot find module 'sb-original/image-context'` ensure you have included `storybookNextJsPlugin`. + + {/* prettier-ignore-start */} + + + + {/* prettier-ignore-end */}