1. react@18.2.0 and @mui/styles conflict
2.conflict
$ npm ls react may-app@0.1.0 /home/wsd01/RentaCycleManagr/RCM-88 ├─┬ @emotion/react@11.10.4 │ ├─┬ @emotion/use-insertion-effect-with-fallbacks@1.0.0 │ │ └── react@18.2.0 deduped invalid: "^17.0.0" from node_modules/@mui/styles │ └── react@18.2.0 deduped ├─┬ @emotion/styled@11.10.4 │ └── react@18.2.0 deduped ├─┬ @mui/base@5.0.0-alpha.100 │ ├─┬ @mui/utils@5.10.6 │ │ └── react@18.2.0 deduped invalid: "^17.0.0" from node_modules/@mui/styles │ └── react@18.2.0 deduped ├─┬ @mui/icons-material@5.10.6 │ └── react@18.2.0 deduped ├─┬ @mui/material@5.10.8 │ ├─┬ @mui/system@5.10.8 │ │ ├─┬ @mui/styled-engine@5.10.8 │ │ │ └── react@18.2.0 deduped invalid: "^17.0.0" from node_modules/@mui/styles │ │ └── react@18.2.0 deduped invalid: "^17.0.0" from node_modules/@mui/styles │ ├─┬ react-transition-group@4.4.5 │ │ └── react@18.2.0 deduped invalid: "^17.0.0" from node_modules/@mui/styles │ └── react@18.2.0 deduped ├─┬ @mui/styles@5.10.8 │ ├─┬ @mui/private-theming@5.10.6 │ │ └── react@18.2.0 deduped invalid: "^17.0.0" from node_modules/@mui/styles │ └── react@18.2.0 deduped invalid: "^17.0.0" from node_modules/@mui/styles ├─┬ @mui/x-data-grid@5.17.6 │ └── react@18.2.0 deduped invalid: "^17.0.0" from node_modules/@mui/styles ├─┬ @mui/x-date-pickers@5.0.4 │ ├── react@18.2.0 deduped invalid: "^17.0.0" from node_modules/@mui/styles │ └─┬ rifm@0.12.1 │ └── react@18.2.0 deduped invalid: "^17.0.0" from node_modules/@mui/styles ├─┬ next-auth@4.13.0 │ └── react@18.2.0 deduped invalid: "^17.0.0" from node_modules/@mui/styles ├─┬ next@12.3.0 │ ├── react@18.2.0 deduped invalid: "^17.0.0" from node_modules/@mui/styles │ ├─┬ styled-jsx@5.0.6 │ │ └── react@18.2.0 deduped invalid: "^17.0.0" from node_modules/@mui/styles │ └─┬ use-sync-external-store@1.2.0 │ └── react@18.2.0 deduped invalid: "^17.0.0" from node_modules/@mui/styles ├─┬ react-dom@18.2.0 │ └── react@18.2.0 deduped invalid: "^17.0.0" from node_modules/@mui/styles ├─┬ react-icons@4.4.0 │ └── react@18.2.0 deduped invalid: "^17.0.0" from node_modules/@mui/styles ├── react@18.2.0 invalid: "^17.0.0" from node_modules/@mui/styles └─┬ swr@1.3.0 └── react@18.2.0 deduped invalid: "^17.0.0" from node_modules/@mui/styles npm ERR! code ELSPROBLEMS npm ERR! invalid: react@18.2.0 /home/wsd01/RentaCycleManagr/RCM-88/node_modules/react npm ERR! A complete log of this run can be found in: npm ERR! /home/wsd01/.npm/_logs/2022-10-11T02_54_15_582Z-debug-0.log
3. remove @mui/styles
$ yarn remove @mui/styles
4. confirm
$ npm ls react may-app@0.1.0 /home/wsd01/RentaCycleManagr/RCM-88 ├─┬ @emotion/react@11.10.4 │ ├─┬ @emotion/use-insertion-effect-with-fallbacks@1.0.0 │ │ └── react@18.2.0 deduped │ └── react@18.2.0 deduped ├─┬ @emotion/styled@11.10.4 │ └── react@18.2.0 deduped ├─┬ @mui/base@5.0.0-alpha.100 │ ├─┬ @mui/utils@5.10.6 │ │ └── react@18.2.0 deduped │ └── react@18.2.0 deduped ├─┬ @mui/icons-material@5.10.6 │ └── react@18.2.0 deduped ├─┬ @mui/material@5.10.8 │ ├─┬ @mui/system@5.10.8 │ │ ├─┬ @mui/private-theming@5.10.6 │ │ │ └── react@18.2.0 deduped │ │ ├─┬ @mui/styled-engine@5.10.8 │ │ │ └── react@18.2.0 deduped │ │ └── react@18.2.0 deduped │ ├─┬ react-transition-group@4.4.5 │ │ └── react@18.2.0 deduped │ └── react@18.2.0 deduped ├─┬ @mui/x-data-grid@5.17.6 │ └── react@18.2.0 deduped ├─┬ @mui/x-date-pickers@5.0.4 │ ├── react@18.2.0 deduped │ └─┬ rifm@0.12.1 │ └── react@18.2.0 deduped ├─┬ next-auth@4.13.0 │ └── react@18.2.0 deduped ├─┬ next@12.3.0 │ ├── react@18.2.0 deduped │ ├─┬ styled-jsx@5.0.6 │ │ └── react@18.2.0 deduped │ └─┬ use-sync-external-store@1.2.0 │ └── react@18.2.0 deduped ├─┬ react-dom@18.2.0 │ └── react@18.2.0 deduped ├─┬ react-icons@4.4.0 │ └── react@18.2.0 deduped ├── react@18.2.0 └─┬ swr@1.3.0 └── react@18.2.0 deduped