Not able to install dependencies for ember storybook

[JackHowa]

• Works as expected with yarn
• Some unmet peers though:

ox % yarn
yarn install v1.22.19
[1/5] 🔍  Validating package.json...
[2/5] 🔍  Resolving packages...
[3/5] 🚚  Fetching packages...
[4/5] 🔗  Linking dependencies...
warning "@storybook/addon-actions > @storybook/addons@6.5.9" has unmet peer dependency "react@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "@storybook/addon-actions > @storybook/addons@6.5.9" has unmet peer dependency "react-dom@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "@storybook/addon-actions > @storybook/api@6.5.9" has unmet peer dependency "react@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "@storybook/addon-actions > @storybook/api@6.5.9" has unmet peer dependency "react-dom@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "@storybook/addon-actions > @storybook/components@6.5.9" has unmet peer dependency "react@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "@storybook/addon-actions > @storybook/components@6.5.9" has unmet peer dependency "react-dom@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "@storybook/addon-actions > @storybook/theming@6.5.9" has unmet peer dependency "react@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "@storybook/addon-actions > @storybook/theming@6.5.9" has unmet peer dependency "react-dom@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "@storybook/addon-actions > react-inspector@5.1.1" has unmet peer dependency "react@^16.8.4 || ^17.0.0".
warning "@storybook/addon-links > @storybook/router@6.5.9" has unmet peer dependency "react@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "@storybook/addon-links > @storybook/router@6.5.9" has unmet peer dependency "react-dom@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "@storybook/addon-actions > @storybook/components > react-syntax-highlighter@15.5.0" has unmet peer dependency "react@>= 0.14.0".
warning "@storybook/addon-essentials > @storybook/core-common@6.5.9" has unmet peer dependency "react@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "@storybook/addon-essentials > @storybook/core-common@6.5.9" has unmet peer dependency "react-dom@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "@storybook/addon-essentials > @storybook/addon-docs > @mdx-js/react@1.6.22" has unmet peer dependency "react@^16.13.1 || ^17.0.0".
warning "@storybook/addon-essentials > @storybook/addon-docs > @storybook/preview-web@6.5.9" has unmet peer dependency "react@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "@storybook/addon-essentials > @storybook/addon-docs > @storybook/preview-web@6.5.9" has unmet peer dependency "react-dom@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "@storybook/addon-essentials > @storybook/addon-docs > @storybook/source-loader@6.5.9" has unmet peer dependency "react@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "@storybook/addon-essentials > @storybook/addon-docs > @storybook/source-loader@6.5.9" has unmet peer dependency "react-dom@^16.8.0 || ^17.0.0 || ^18.0.0".
warning "@storybook/addon-essentials > @storybook/addon-docs > babel-loader@8.2.3" has unmet peer dependency "webpack@>=2".
warning "@storybook/addon-essentials > @storybook/addon-docs > @babel/preset-env > @babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.13.12" has incorrect peer dependency "@babel/core@^7.13.0".
warning " > @storybook/ember@6.5.9" has incorrect peer dependency "babel-plugin-ember-modules-api-polyfill@^2.12.0".
warning " > @storybook/ember@6.5.9" has incorrect peer dependency "babel-plugin-htmlbars-inline-precompile@2 || 3".
warning "@storybook/ember > @storybook/core@6.5.9" has unmet peer dependency "webpack@*".
warning "@storybook/ember > @storybook/core > @storybook/core-client@6.5.9" has unmet peer dependency "webpack@*".
warning "@storybook/ember-cli-storybook > ember-cli-babel > @babel/preset-env > @babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.18.6" has incorrect peer dependency "@babel/core@^7.13.0".
warning " > babel-loader@8.2.2" has unmet peer dependency "webpack@>=2".
[5/5] 🔨  Building fresh packages...

---

npm -v 8.19.3

Got an error trying to work through https://storybook.js.org/tutorials/intro-to-storybook/ember/en/get-started/:

While resolving: intro-storybook-ember-template@0.1.0
Found: babel-plugin-ember-modules-api-polyfill@3.2.1
node_modules/babel-plugin-ember-modules-api-polyfill
  dev babel-plugin-ember-modules-api-polyfill@"^3.2.1" from the root project

Could not resolve dependency:
peer babel-plugin-ember-modules-api-polyfill@"^2.12.0" from @storybook/ember@6.5.9
node_modules/@storybook/ember
  dev @storybook/ember@"^6.5.9" from the root project

Fix the upstream dependency conflict, or retry
this command with --force, or --legacy-peer-deps
to accept an incorrect (and potentially broken) dependency resolution.

When I tried to run npm i --force, I then saw an error with running storybook:

ERROR in ./stories/Introduction.stories.mdx
Module not found: Error: Can't resolve '@mdx-js/react' in '/Users/jackhoward/sites/taskbox/stories'
 @ ./stories/Introduction.stories.mdx 11:0-36 30:9-12 33:6-9 36:6-9 36:2020-2023 36:2061-2064 36:2261-2264 38:69-72 38:177-180 40:94-97 43:5-8 45:95-98 47:19-22 49:5-8 53:5-8 56:6-9 56:24-27 56:121-124 60:5-8 63:6-9 63:24-27 63:108-111 67:5-8 70:6-9 70:24-27 70:101-104 74:5-8 77:6-9 77:24-27 77:100-103 79:15-18 81:5-8 85:5-8 88:6-9 88:24-27 88:110-113 92:5-8 95:6-9 95:24-27 95:103-106 99:5-8 102:6-9 102:24-27 102:99-102 106:5-8 109:6-9 109:24-27 109:107-110 111:5-8 113:42-45 131:11-14 134:7-10
 @ ./stories sync ^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.mdx)$
 @ ./generated-stories-entry.js
 @ multi ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./node_modules/@storybook/core-client/dist/esm/globals/globals.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined ./storybook-init-framework-entry.js ./node_modules/@storybook/ember/dist/esm/client/preview/config-generated-config-entry.js ./node_modules/@storybook/ember/dist/esm/client/docs/config-generated-config-entry.js ./node_modules/@storybook/addon-links/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js ./.storybook/preview.js-generated-config-entry.js ./generated-stories-entry.js