Get error while installing react-notifications-component package with React 18

Viewed 447

I used react-notifications-component (npm) before and it was working fine. but recently I tried to install it with react 18 and I got this error:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: code-challenge-front@0.1.0
npm ERR! Found: react@18.0.0
npm ERR! node_modules/react
npm ERR!   react@"^18.0.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^17.0.1" from react-notifications-component@3.4.1
npm ERR! node_modules/react-notifications-component
npm ERR!   react-notifications-component@"*" 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.
npm ERR! 
npm ERR! A complete log of this run can be found in:

is there any solution? or I have to use another package?

2 Answers

react-notifications-component@3.4.1 is using peer dependencies of react@"^17.0.1"

If you want to use react-notifications-component@3.4.1 then you have to use react@"^17.0.1" otherwise you can not use it with react@"^18.0.0" till react-notifications-component provides new version support with react 18.

Alternatively, you can use npm i --legacy-peer-deps to avoid this issue.

Related