Skip to content

[Bug]: Adding Storybook to NextJS 14 app with typescript freezes the build step at linting and type checking #25764

Open

Description

Describe the bug

Following the official documentation here, I added Storybook to my existing NextJS project and after the storybook installation was completed, the storybook server started and worked fine. But the next thing when I try to build my project with npm run build which would in turn run next build, the build process gets stuck at Linting and checking validity of types forever.

Version Info:

"next": "14.0.1",
"storybook": "^7.6.10",
"typescript": "^5.2.2"

To Reproduce

No response

System

Storybook Environment Info:

  System:
    OS: macOS 14.3
    CPU: (8) arm64 Apple M2
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 19.8.1 - ~/.nvm/versions/node/v19.8.1/bin/node
    Yarn: 1.22.19 - /opt/homebrew/bin/yarn
    npm: 9.5.1 - ~/.nvm/versions/node/v19.8.1/bin/npm <----- active
  Browsers:
    Chrome: 120.0.6099.234
    Safari: 17.3
  npmPackages:
    @storybook/addon-essentials: ^7.6.10 => 7.6.10 
    @storybook/addon-interactions: ^7.6.10 => 7.6.10 
    @storybook/addon-links: ^7.6.10 => 7.6.10 
    @storybook/addon-onboarding: ^1.0.11 => 1.0.11 
    @storybook/blocks: ^7.6.10 => 7.6.10 
    @storybook/nextjs: ^7.6.10 => 7.6.10 
    @storybook/react: ^7.6.10 => 7.6.10 
    @storybook/test: ^7.6.10 => 7.6.10 
    storybook: ^7.6.10 => 7.6.10

Additional context

No response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions