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

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: [email protected]
npm ERR! Found: [email protected]
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 [email protected]
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?

CodePudding user response：

[email protected] is using peer dependencies of react@"^17.0.1"

If you want to use [email protected] 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.

CodePudding user response：

This is a bug that and there is no solution for it right now... maybe in future...

https://github.com/teodosii/react-notifications-component/issues/152

you can use another package(recommended) don't downgrade your react version(not a good solution)