From b245ab56c6a2c05e81e24504b9da63f0cbb25bdb Mon Sep 17 00:00:00 2001 From: Peter Simmons Date: Fri, 11 Jul 2025 12:29:13 +1200 Subject: [PATCH 1/6] Update stories-in-unit-tests.mdx --- .../integrations/stories-in-unit-tests.mdx | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/docs/writing-tests/integrations/stories-in-unit-tests.mdx b/docs/writing-tests/integrations/stories-in-unit-tests.mdx index d6ff7de0ce0f..b53ba3a5e46d 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 */} + + ### Nextjs vite cannot find 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 */} From 3875be137f7d5dc7e07d9be7b95c50472367dc2d Mon Sep 17 00:00:00 2001 From: Peter Simmons Date: Fri, 11 Jul 2025 12:34:33 +1200 Subject: [PATCH 2/6] Add code example for including the next js plugin in vitest --- docs/_snippets/vite-includeStorybookNextjsPlugin.md | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 docs/_snippets/vite-includeStorybookNextjsPlugin.md diff --git a/docs/_snippets/vite-includeStorybookNextjsPlugin.md b/docs/_snippets/vite-includeStorybookNextjsPlugin.md new file mode 100644 index 000000000000..9ee5e39614e0 --- /dev/null +++ b/docs/_snippets/vite-includeStorybookNextjsPlugin.md @@ -0,0 +1,9 @@ +```tsx +// vitest.config.ts +import { defineConfig } from "vite"; +import { storybookNextJsPlugin } from '@storybook/nextjs-vite/vite-plugin' + +export default defineConfig({ + plugins: [storybookNextJsPlugin()], +}); +``` \ No newline at end of file From a9c2296ac1a2bf80c317ebb6fb5c32323e54dc66 Mon Sep 17 00:00:00 2001 From: Yann Braga Date: Thu, 24 Jul 2025 14:04:45 +0200 Subject: [PATCH 3/6] Update vite-includeStorybookNextjsPlugin.md --- docs/_snippets/vite-includeStorybookNextjsPlugin.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/docs/_snippets/vite-includeStorybookNextjsPlugin.md b/docs/_snippets/vite-includeStorybookNextjsPlugin.md index 9ee5e39614e0..0e5ae98a7db4 100644 --- a/docs/_snippets/vite-includeStorybookNextjsPlugin.md +++ b/docs/_snippets/vite-includeStorybookNextjsPlugin.md @@ -4,6 +4,7 @@ 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()], }); -``` \ No newline at end of file +``` From 98bd4d4b7fe23f74bb088b9c4e304c0935dd20d8 Mon Sep 17 00:00:00 2001 From: jonniebigodes Date: Tue, 14 Oct 2025 17:52:48 +0100 Subject: [PATCH 4/6] Update docs/_snippets/vite-includeStorybookNextjsPlugin.md --- docs/_snippets/vite-includeStorybookNextjsPlugin.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/docs/_snippets/vite-includeStorybookNextjsPlugin.md b/docs/_snippets/vite-includeStorybookNextjsPlugin.md index 0e5ae98a7db4..005f7bd93602 100644 --- a/docs/_snippets/vite-includeStorybookNextjsPlugin.md +++ b/docs/_snippets/vite-includeStorybookNextjsPlugin.md @@ -1,5 +1,4 @@ -```tsx -// vitest.config.ts +```ts filename="vitest.config.ts" renderer="react" language="ts" import { defineConfig } from "vite"; import { storybookNextJsPlugin } from '@storybook/nextjs-vite/vite-plugin' From fd467e350dff3c3646f1c08404eacb32de6568a8 Mon Sep 17 00:00:00 2001 From: jonniebigodes Date: Tue, 14 Oct 2025 17:53:47 +0100 Subject: [PATCH 5/6] Update docs/writing-tests/integrations/stories-in-unit-tests.mdx Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com> --- docs/writing-tests/integrations/stories-in-unit-tests.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/writing-tests/integrations/stories-in-unit-tests.mdx b/docs/writing-tests/integrations/stories-in-unit-tests.mdx index b53ba3a5e46d..0be2ed615d30 100644 --- a/docs/writing-tests/integrations/stories-in-unit-tests.mdx +++ b/docs/writing-tests/integrations/stories-in-unit-tests.mdx @@ -82,7 +82,7 @@ Storybook provides community-led addons for other frameworks like [Vue 2](https: ### Nextjs vite cannot find module - If you are seeing error messages like `Cannot find module 'sb-original/image-context'` ensure you have included `storybookNextJsPlugin` + If you are seeing error messages like `Cannot find module 'sb-original/image-context'` ensure you have included `storybookNextJsPlugin`. {/* prettier-ignore-start */} From fbc89a6b644437b6210e69ac6bf5c4af8221fefd Mon Sep 17 00:00:00 2001 From: jonniebigodes Date: Tue, 14 Oct 2025 17:55:02 +0100 Subject: [PATCH 6/6] Update docs/writing-tests/integrations/stories-in-unit-tests.mdx --- docs/writing-tests/integrations/stories-in-unit-tests.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/writing-tests/integrations/stories-in-unit-tests.mdx b/docs/writing-tests/integrations/stories-in-unit-tests.mdx index 0be2ed615d30..88312033f8f7 100644 --- a/docs/writing-tests/integrations/stories-in-unit-tests.mdx +++ b/docs/writing-tests/integrations/stories-in-unit-tests.mdx @@ -80,7 +80,7 @@ Storybook provides community-led addons for other frameworks like [Vue 2](https: {/* prettier-ignore-end */} - ### Nextjs vite cannot find module + ### 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`.