Resolving dependency conflicts.

[kamalbuilds]

Description

The React version has some dependency conflicts that arise due to material UI version + other dependency but we need to resolve this.

Run npm install [email protected]
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: @material-ui/[email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   peer react@">=16.8.0" from @emotion/[email protected]
npm ERR!   node_modules/@emotion/react
npm ERR!     peer @emotion/react@"^11.0.0-rc.0" from @emotion/[email protected]
npm ERR!     node_modules/@emotion/styled
npm ERR!       peerOptional @emotion/styled@"^11.3.0" from @mui/material@[5](https://github.com/legendarykamal/Lets-go-shop/runs/7929167818?check_suite_focus=true#step:3:6).10.1
npm ERR!       node_modules/@mui/material
npm ERR!         peer @mui/material@"^5.0.0" from @mui/[email protected]
npm ERR!         node_modules/@mui/icons-material
npm ERR!         1 more (the root project)
npm ERR!       3 more (@mui/system, @mui/styled-engine, the root project)
npm ERR!     peerOptional @emotion/react@"^11.5.0" from @mui/[email protected]
npm ERR!     node_modules/@mui/material
npm ERR!       peer @mui/material@"^5.0.0" from @mui/[email protected]
npm ERR!       node_modules/@mui/icons-material
npm ERR!         @mui/icons-material@"^5.8.4" from the root project
npm ERR!       1 more (the root project)
npm ERR!     3 more (@mui/system, @mui/styled-engine, the root project)
npm ERR!   peer react@">=1[6](https://github.com/legendarykamal/Lets-go-shop/runs/7929167818?check_suite_focus=true#step:3:7).8.0" from @emotion/[email protected]
npm ERR!   node_modules/@emotion/styled
npm ERR!     peerOptional @emotion/styled@"^11.3.0" from @mui/[email protected]
npm ERR!     node_modules/@mui/material
npm ERR!       peer @mui/material@"^5.0.0" from @mui/[email protected]
npm ERR!       node_modules/@mui/icons-material
npm ERR!         @mui/icons-material@"^5.8.4" from the root project
npm ERR!       1 more (the root project)
npm ERR!     peerOptional @emotion/styled@"^11.3.0" from @mui/[email protected]
npm ERR!     node_modules/@mui/material/node_modules/@mui/system
npm ERR!       @mui/system@"^5.10.1" from @mui/[email protected]
npm ERR!       node_modules/@mui/material
npm ERR!         peer @mui/material@"^5.0.0" from @mui/[email protected]
npm ERR!         node_modules/@mui/icons-material
npm ERR!         1 more (the root project)
npm ERR!     2 more (@mui/styled-engine, the root project)
npm ERR!   14 more (@mui/icons-material, @mui/material, @mui/base, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0 || ^1[7](https://github.com/legendarykamal/Lets-go-shop/runs/7929167818?check_suite_focus=true#step:3:8).0.0" from @material-ui/[email protected]
npm ERR! node_modules/@material-ui/core
npm ERR!   @material-ui/core@"^4.12.4" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/react
npm ERR!   peer react@"^16.[8](https://github.com/legendarykamal/Lets-go-shop/runs/7929167818?check_suite_focus=true#step:3:9).0 || ^17.0.0" from @material-ui/core@4.[12](https://github.com/legendarykamal/Lets-go-shop/runs/7929167818?check_suite_focus=true#step:3:13).4
npm ERR!   node_modules/@material-ui/core
npm ERR!     @material-ui/core@"^4.12.4" 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.

Expected Behavior

Screenshots

check here ->
https://github.com/legendarykamal/Lets-go-shop/runs/7929167818?check_suite_focus=true