Unhandled Runtime Error Error: Cannot find module '@chakra-ui/system'

[jr1893]

Running into an error;

Call Stack webpackMissingModule webpack-internal:///./node_modules/@chakra-ui/theme/dist/chakra-ui-theme.esm.js (15:50) eval webpack-internal:///./node_modules/@chakra-ui/theme/dist/chakra-ui-theme.esm.js (15:142) ./node_modules/@chakra-ui/theme/dist/chakra-ui-theme.esm.js

amongst other similar issues.

Is this common and is there an easy fix?

Thank you!

[CloudCodesStuff]

Did you install chakra?

https://chakra-ui.com/getting-started

[oryan]

Did you install chakra?

https://chakra-ui.com/getting-started

Installing Chakra via npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion gives the same error. Looks like Chakra v2 needs React v18 but this project is using v17? May be completely wrong, I'm still trying to debug what is going on.

[ghefraim]

@oryan same issue here. Did you find a fix?

[ghefraim]

Looks like the following works:

npm config set legacy-peer-deps true
npm i