'how to modify the peer dependencies in package.json file?

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!   peer react@"^18.0.0" from @testing-library/[email protected]    
npm ERR!   node_modules/@testing-library/react
npm ERR!     @testing-library/react@"^13.1.1" from the root project   
npm ERR!   peer react@"^18.1.0" from [email protected]
npm ERR!   node_modules/react-dom
npm ERR!     peer react-dom@"^18.0.0" from @testing-library/[email protected]
npm ERR!     node_modules/@testing-library/react
npm ERR!       @testing-library/react@"^13.1.1" from the root project 
npm ERR!     peer react-dom@">=16.8" from [email protected]      
npm ERR!     node_modules/react-router-dom
npm ERR!       react-router-dom@"^16.14.0" from the root project      
npm ERR!     1 more (the root project)
npm ERR!   4 more (react-router, react-router-dom, react-scripts, the root project)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! @material-ui/icons@"^4.11.3" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/react
npm ERR!   peer react@"^16.8.0 || ^17.0.0" from @material-ui/[email protected]
npm ERR!   node_modules/@material-ui/icons
npm ERR!     @material-ui/icons@"^4.11.3" 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\sruth\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\sruth\AppData\Local\npm-cache\_logs\2022-05-05T16_11_49_078Z-debug-0.log


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source