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

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 🤷‍♂️

[shilman]

Try upgrading to the latest prerelease:

npx sb@next upgrade --prerelease