[Bug]: Error: Storybook 7.0+ doesn't support react-scripts@<5.0.0.

[rohanarihant]

Describe the bug

I am trying to intialize storybook to my React Project, which was created with create-react-app
I updated the react-scripts version to 5.0.1 and my React version is 18.2.0, node 16.20.1.
but still I am facing this issue.
Error: Storybook 7.0+ doesn't support react-scripts@<5.0.0.

can anyone please let me know how to fix this and intall storybook?

To Reproduce

No response

System

mac os

Additional context

No response

[Sidnioulz]

The code that checks this is very explicit and simple, it checks the react-script package's version.

I would suggest you run yarn why react-scripts to make double sure this package is resolved to version 5 and not 4. I would also make sure you don't have a mix of npm and yarn dependencies.

[felixmokross]

I encounter the same issue. We are on react-scripts@5.0.1.
I also ran npm-why react-scripts, but there is no other version of that package listed.

[felixmokross]

OK, I found a workaround. I noticed that this code only checks dependencies, but not the devDependencies: https://github.com/storybookjs/storybook/blob/v7.0.17/code/lib/cli/src/generators/REACT_SCRIPTS/index.ts

In our project, we had react-scripts in devDependencies (I think this was the default in the past, might no be this way for newer CRA projects). I temporarily moved react-scripts into dependencies and the storybook init worked fine.

I still think storybook should check devDependencies too though.

[valentinpalkovic]

@felixmokross Would you like to open a PR to fix this? It sounds like being a simple fix.

[Sidnioulz]

@felixmokross Would you like to open a PR to fix this? It sounds like being a simple fix.

happy to do it by week's end!

[felixmokross]

Thanks, @Sidnioulz! For me, it would take some lead time as I am not familiar with the repo.

[WenLonG12345]

I have the same issue here. Looking forward for a fix! :)

[valentinpalkovic]

Fixed by #22642 and released in v7.1.0-alpha.36

[chadhiremysub]

I am still having issues with this! I have react-scripts version 5.0.1, react version 18.2.0, and node version 16.20.1.

I have react-scripts in my dev-dependencies. Is this an issue?