npm install Horizon-UI-Chakra-NextJS fails with dependency conflict from [email protected]

[dredre93]

After initial Check-out of project horizon-ui-chakra-nextjs app version 2.2.0 i get error when initially installing npm on project.

You could do force install or use legacy-peer-deps, but this leads to 2 vulnerabilities and 1 critical issue in the project from intitial setup. I guess this is no good point to start with. When using "Resolutions" in package.json i get around the problem. But maybe the team could fix this for the future. :) Maybe this discussion helps also others facing the issue.

$ npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected] npm ERR! node_modules/react npm ERR! react@"^18.3.1" from the root project npm ERR! peer react@">=18" from @chakra-ui/[email protected] npm ERR! node_modules/@chakra-ui/accordion npm ERR! @chakra-ui/accordion@"2.1.11" from @chakra-ui/[email protected] npm ERR! node_modules/@chakra-ui/react npm ERR! @chakra-ui/react@"2.6.1" from the root project npm ERR! 1 more (@chakra-ui/next-js) npm ERR! 105 more (@chakra-ui/icon, @chakra-ui/alert, @chakra-ui/icon, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@"^0.14.0 || ^15.0.0" from [email protected] npm ERR! node_modules/react-no-ssr npm ERR! react-no-ssr@"^1.1.0" from the root project npm ERR! npm ERR! Conflicting peer dependency: [email protected] npm ERR! node_modules/react npm ERR! peer react@"^0.14.0 || ^15.0.0" from [email protected] npm ERR! node_modules/react-no-ssr npm ERR! react-no-ssr@"^1.1.0" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Fix it with Resolution: