From 32932a0063fa9516b5be8e20365a59c97c4f0a35 Mon Sep 17 00:00:00 2001 From: jshaofa-ui Date: Tue, 12 May 2026 21:30:41 +0800 Subject: [PATCH 1/2] fix(nextjs-vite): add Next.js 16 internal modules to optimizeDeps Add next/navigation and related Next.js 16 internal modules to the Vite optimizeDeps configuration. This fixes missing exports like ServerInsertedHTMLContext and RedirectStatusCode during Vite dev mode pre-bundling. The issue occurs because Vite's esbuild pre-bundler doesn't correctly resolve Next.js 16's internal re-export chains. Adding these modules to optimizeDeps forces Vite to pre-bundle them correctly. Fixes #34688 --- code/frameworks/nextjs-vite/src/preset.ts | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/code/frameworks/nextjs-vite/src/preset.ts b/code/frameworks/nextjs-vite/src/preset.ts index d359a99dfb54..9ba4644cb408 100644 --- a/code/frameworks/nextjs-vite/src/preset.ts +++ b/code/frameworks/nextjs-vite/src/preset.ts @@ -47,6 +47,11 @@ export const optimizeViteDeps = [ '@storybook/nextjs-vite > styled-jsx', '@storybook/nextjs-vite > styled-jsx/style', '@opentelemetry/api', + // Next.js 16 internal modules that need pre-bundling for Vite dev mode + // Fixes: ServerInsertedHTMLContext, RedirectStatusCode missing exports + // See: https://github.com/storybookjs/storybook/issues/34688 + 'next/navigation', + 'next/dist/client/components/redirect-error', ]; export const viteFinal: StorybookConfigVite['viteFinal'] = async (config, options) => { From a145f12681e365893dc8b4d499f907e34fcccca8 Mon Sep 17 00:00:00 2001 From: Valentin Palkovic Date: Tue, 19 May 2026 11:10:44 +0200 Subject: [PATCH 2/2] Apply suggestions from code review Co-authored-by: Valentin Palkovic --- code/frameworks/nextjs-vite/src/preset.ts | 3 --- 1 file changed, 3 deletions(-) diff --git a/code/frameworks/nextjs-vite/src/preset.ts b/code/frameworks/nextjs-vite/src/preset.ts index 9ba4644cb408..657ca3601b81 100644 --- a/code/frameworks/nextjs-vite/src/preset.ts +++ b/code/frameworks/nextjs-vite/src/preset.ts @@ -47,9 +47,6 @@ export const optimizeViteDeps = [ '@storybook/nextjs-vite > styled-jsx', '@storybook/nextjs-vite > styled-jsx/style', '@opentelemetry/api', - // Next.js 16 internal modules that need pre-bundling for Vite dev mode - // Fixes: ServerInsertedHTMLContext, RedirectStatusCode missing exports - // See: https://github.com/storybookjs/storybook/issues/34688 'next/navigation', 'next/dist/client/components/redirect-error', ];