Various sub-projects do have react and react-dom as dependencies resulting in hook-errors

Describe the bug Multiple react and react-dom dependencies inside of @storybook lead to the following type of error:

Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app

To Reproduce e.g. https://github.com/storybookjs/storybook/blob/next/lib/components/package.json

or

1. git clone https://github.com/jookshub/storybook_cra_tsx.git
2. nvm use
3. npm i
4. npm run storybook -> broken
5. npm run storybook-fixed -> working

Expected behavior react and react-dom should be peer-dependencies in all package.json files of @storybook or configured in a way that does not interfere with react hooks.

Screenshots

Additional context See related solution for old issue: https://github.com/storybookjs/storybook/issues/4691#issuecomment-442581382

[ndelangen]

related: https://github.com/storybookjs/storybook/pull/11628

[shilman]

I believe this was fixed in #12972. Closing.