npm ERR! Could not resolve dependency: peer react@"^16.8.0 || ^17.0.0" from @material-ui/[email protected]

[AAdewunmi]

This post is for anyone who encounters the same issue.

Ran npm install @material-ui/core at console

Got the following output:

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.2.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0 || ^17.0.0" from @material-ui/[email protected]
npm ERR! node_modules/@material-ui/core
npm ERR!   @material-ui/core@"*" 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.

Solved it by running npm install @material-ui/core --legacy-peer-deps

Check out the following stackoverflow post for more info:

[Could not resolve dependency error peer react@"^16.8.0 || ^17.0.0" from @material-ui/[email protected]](https://stackoverflow.com/questions/72596908/could-not-resolve-dependency-error-peer-react16-8-0-17-0-0-from-materia)

[codefromahmad]

Give it a try:

npm config set legacy-peer-deps true
npm i

[ABDULHAMEED-10]

Give it a try:

npm config set legacy-peer-deps true
npm i

1. npm config set legacy-peer-deps true
2. npm install
   Results:
   npm ERR! Invalid Version:

npm ERR! A complete log of this run can be found in: C:\Users\Cyber World\AppData\Local\npm-cache_logs\2024-08-13T10_06_33_200Z-debug-0.log