You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When initializing Storybook in a Next.js v15.3.2 project using Vitest, the Storybook UI gets stuck on the loading screen and does not display component information. In the browser console, I see the following error: Uncaught SyntaxError: The requested module '/node_modules/.pnpm/[email protected]_@[email protected][email protected]/node_modules/styled-jsx/index.js?v=1422bc3a' does not provide an export named 'StyleRegistry'
Create a new Next.js project using pnpm dlx create-next-app@latest(15.3.2).
Install Storybook by running pnpm create storybook@next(9.0.0-rc.4).
Initialize Storybook as prompted.
Start Storybook using pnpm storybook dev -p 6006.
The Storybook UI remains on the loading screen and does not display component information.
Check the browser console for the error: Uncaught SyntaxError: The requested module '/node_modules/.pnpm/[email protected]_@[email protected][email protected]/node_modules/styled-jsx/index.js?v=1422bc3a' does not provide an export named 'StyleRegistry'
I'm encountering the same issue in a Turborepo monorepo setup, also using pnpm (v10.11.0). However, adding styled-jsx as a direct dependency seems to have fixed the issue for me.
Describe the bug
When initializing Storybook in a Next.js v15.3.2 project using Vitest, the Storybook UI gets stuck on the loading screen and does not display component information. In the browser console, I see the following error:
Uncaught SyntaxError: The requested module '/node_modules/.pnpm/[email protected]_@[email protected][email protected]/node_modules/styled-jsx/index.js?v=1422bc3a' does not provide an export named 'StyleRegistry'
Reproduction link
https://stackblitz.com/~/github.com/satoukouga/storybook-styledjsx-error?file=package.json&startScript=storybook
Reproduction steps
pnpm dlx create-next-app@latest
(15.3.2).pnpm create storybook@next
(9.0.0-rc.4).pnpm storybook dev -p 6006
.Uncaught SyntaxError: The requested module '/node_modules/.pnpm/[email protected]_@[email protected][email protected]/node_modules/styled-jsx/index.js?v=1422bc3a' does not provide an export named 'StyleRegistry'
System
Additional context
No response
The text was updated successfully, but these errors were encountered: