@storybook/builder-webpack5 doesn't allow React 18

[DoneDeal0]

I can't install @storybook/builder-webpack5 with npm because of a dependency error:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: my-app@1.0.0
npm ERR! Found: react@18.0.0
npm ERR! node_modules/react
npm ERR!   react@"^18.0.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0 || ^17.0.0" from @storybook/builder-webpack5@6.4.22
npm ERR! node_modules/@storybook/builder-webpack5
npm ERR!   dev @storybook/builder-webpack5@"^6.4.21" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry

It works with yarn install though.

Could you allow React 18?

EDIT: I see that react 18 is already allowed as a peer dependency in https://github.com/storybookjs/storybook/blob/next/lib/builder-webpack5/package.json . It's really weird.

[reneaaron]

I just had the same issue. While installation didn't work with npm install it did work with yarn install 🤷‍♂️

[TodBob]

Same issue

[valentinpalkovic]

@DoneDeal0 My assumption is, that you are not using the latest prerelease version of storybook (npx sb@next upgrade --prerelease). React 18's concurrent mode is not working with 6.4.x versions of storybook.

[usageness]

I had same issue with same version of storybook.

[shilman]

Try upgrading to the latest prerelease:

npx sb@next upgrade --prerelease

[nick-bull]

Specifying a higher version worked for me:

npm i -D @storybook/builder-webpack5@6.5.0-beta.4

[ndelangen]

This has been fixed in storybook 7.0 beta