[Bug]: TS2786 error when updating Storybook to v7.4.0.

[Karibash]

Describe the bug

Updating Storybook to v7.4.0 causes TS2786 error.
This is due to a type mismatch caused by multiple versions of @types/react being installed.
It should be possible to solve this problem by revert the following commit.

8ceec7d

To Reproduce

No response

System

No response

Additional context

No response

[wand2016]

Hello, team.

I think this kind of deps should be in peerDependencies.

[garyjohnson]

We also ran into this issue after upgrading to 7.4.0. Our project has "@types/react": "^18.2.4" defined as a devDependency.

[sebil]

Make sure you also add "@storybook/types": "^7.4.0", to your package.json to dedupe all addons types packages.
Fixed it for me.

I think this is caused by @storybook/addon-styling, it's the only package on my project that still uses @storybook/types@7.1.1
Just use npm ls --depth=1 @storybook/types to see which package might not using the new 7.4.0 types on your project.

I recommend to always use npx storybook@latest upgrade to update your storybook versions, it's really comfortable and shows hints for possible issues.

[JReinhold]

We've released v7.5.0-alpha.0 that might contain a fix for this (#24042). Could you try it out and tell us if it fixes the issue? If it does, we'll release it in a patch.

npx storybook@next upgrade --prerelease

[Methuselah96]

The alpha fixed the issue for me, looking forward to it being released in a 7.4 patch!