I have a problem installing react dependencies - reactjs

I have a little problem with my new react app and I would like to know what can I do to fix it?
I think it's a minor problem but I'm not seeing it so sorry for bothering you guys.
(Btw, don't mind the name Pinterbest, it's a practice work, I'm not going to publish it for real lol)
Here's the logs when updating packages:
`npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: react-google-login#5.2.2
npm ERR! Found: react#18.2.0
npm ERR! node_modules/react
npm ERR! react#"^18.2.0" from the root project
npm ERR! peer react#"^18.0.0" from u/testing-library/react#13.4.0
npm ERR! node_modules/#testing-library/react
npm ERR! u/testing-library/react#"^13.4.0" from the root project
npm ERR! 8 more (react-dom, react-icons, react-loader-spinner, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^16 || ^17" from react-google-login#5.2.2
npm ERR! node_modules/react-google-login
npm ERR! react-google-login#"^5.2.2" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#17.0.2
npm ERR! node_modules/react
npm ERR! peer react#"^16 || ^17" from react-google-login#5.2.2
npm ERR! node_modules/react-google-login
npm ERR! react-google-login#"^5.2.2" 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! See C:\Users\user\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\user\AppData\Local\npm-cache_logs\2022-11-04T15_02_24_966Z-debug-0.log`
I tryed to install packages following a tutorial and then got these logs.

Related

conflict errors trying to get npm install to working

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: rss-feed#0.1.0
npm ERR! Found: react#18.2.0
npm ERR! node_modules/react
npm ERR! peer react#"16.13.1" from the root project
npm ERR! peer react#"^18.0.0" from #testing-library/react#13.4.0
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^13.4.0" from the root project
npm ERR! 2 more (react-dom, react-scripts)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"16.13.1" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#16.13.1
npm ERR! node_modules/react
npm ERR! peer react#"16.13.1" 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!
Not sure what happened, but everything is in disarray now. I've tried nuking node-modules, cleaning npm cache, forcing the install and using the flag --legacy-peer-deps,
but nothing is working and I'm still getting this error. I could really use a different direction here, and I'm not sure why this started happening in the first place.
My project structure looks like this:

How to solve react dependencies caught in GitHub actions?

I am trying to deploy a website but am unable to understand why it exits with error code 1. I tried deleting node modules and npm installing them again but it did not work.
Edit: I added --legacy-peer-deps after npm install and it worked. Seemed to be the issue with react and #mui.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: #material-ui/core#5.0.0-beta.5
npm ERR! Found: react#18.2.0
npm ERR! node_modules/react
npm ERR! react#"^18.2.0" from the root project
npm ERR! peer react#">=16.8.0" from #emotion/react#11.10.4
npm ERR! node_modules/#emotion/react
npm ERR! #emotion/react#"^11.10.0" from the root project
npm ERR! peer #emotion/react#"^11.0.0-rc.0" from #emotion/styled#11.10.4
npm ERR! node_modules/#emotion/styled
npm ERR! #emotion/styled#"^11.10.0" from the root project
npm ERR! 7 more (#material-ui/core, #material-ui/styled-engine, ...)
npm ERR! 7 more (#material-ui/core, #material-ui/styled-engine, ...)
npm ERR! 29 more (#emotion/styled, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^17.0.2" from #material-ui/core#5.0.0-beta.5
npm ERR! node_modules/#material-ui/core
npm ERR! #material-ui/core#"^5.0.0-beta.5" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#17.0.2
npm ERR! node_modules/react
npm ERR! peer react#"^17.0.2" from #material-ui/core#5.0.0-beta.5
npm ERR! node_modules/#material-ui/core
npm ERR! #material-ui/core#"^5.0.0-beta.5" 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! See /home/runner/.npm/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/runner/.npm/_logs/2022-09-03T14_20_38_138Z-debug-0.log
Error: Process completed with exit code 1.

npm i react-google-login is not able to install

I am trying to install the package "react-google-login" in my project for user authentication.
Here is the error code :
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: client#0.1.0
npm ERR! Found: react#18.2.0
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 || ^17" from react-google-login#5.2.2
npm ERR! node_modules/react-google-login
npm ERR! react-google-login#"*" 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! See C:\Users\prajw\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\prajw\AppData\Local\npm-cache\_logs\2022-08-30T16_30_08_237Z-debug-0.log
I think there is some error with version of react
I think this may fix your issues. try this
npm i react-google-login --legacy-peer-deps
What does this do? it ignores old dependencies for this package.
You can learn more about legacy peer deps here

Why do I keep getting errors while trying to install MUI packages

I'm trying to install MUI libraries however I keep getting these errors:
Here is what I've tried:
npm install --force
npm install --legacy-peer-deps
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: filmpire_jsm#0.1.0
npm ERR! Found: react#18.2.0
npm ERR! node_modules/react
npm ERR! peer react#"^18.0.0" from #testing-library/react#13.3.0
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^11.1.0" from the root project
npm ERR! peer react#"^18.2.0" from react-dom#18.2.0
npm ERR! node_modules/react-dom
npm ERR! peer react-dom#"^18.0.0" from #testing-library/react#13.3.0
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^11.1.0" from the root project
npm ERR! react-dom#"^17.0.2" from the root project
npm ERR! 1 more (#mui/material)
npm ERR! 5 more (the root project, #emotion/react, #emotion/styled, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! #mui/styles#"^5.0.1" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#17.0.2
npm ERR! node_modules/react
npm ERR! peer react#"^17.0.0" from #mui/styles#5.10.2
npm ERR! node_modules/#mui/styles
npm ERR! #mui/styles#"^5.0.1" 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! See /Users/samiennaciri/.npm/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/samiennaciri/.npm/_logs/2022-08-26T02_57_25_208Z-debug-0.log```
Remove your node_modules folder and package-lock.json file, then run npm i --legacy-peer-deps

Problem with installing react 18 + typescript + redu-toolkit

I have a problem with creating project with new react 18/ typescript and redux-toolkit.
I am trying to install #reduxjs/toolkit, but I see an error:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: #reduxjs/toolkit#1.8.0
npm ERR! Found: react#18.0.0
npm ERR! node_modules/react
npm ERR! peer react#"*" from #testing-library/react#12.1.4
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^12.1.4" from the root project
npm ERR! peer react#"^18.0.0" from react-dom#18.0.0
npm ERR! node_modules/react-dom
npm ERR! peer react-dom#"*" from #testing-library/react#12.1.4
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^12.1.4" from the root project
npm ERR! react-dom#"^18.0.0" from the root project
npm ERR! 2 more (react-scripts, the root project)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peerOptional react#"^16.9.0 || ^17.0.0 || 18.0.0-beta" from #reduxjs/toolkit#1.8.0
npm ERR! node_modules/#reduxjs/toolkit
npm ERR! #reduxjs/toolkit#"*" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#17.0.2
npm ERR! node_modules/react
npm ERR! peerOptional react#"^16.9.0 || ^17.0.0 || 18.0.0-beta" from #reduxjs/toolkit#1.8.0
npm ERR! node_modules/#reduxjs/toolkit
npm ERR! #reduxjs/toolkit#"*" 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.
This will be fixed by a new release in the next few days - until then you will have to run the command with --force or --legacy-peer-deps as shown in the command.
Edit: should be working now: https://twitter.com/acemarke/status/1509540340088328196

Resources