Library does not work without @mui/styles

[dmitriy-baltak]

It fails with error:
Module not found: Can't resolve '@mui/styles'
Which is basically deprecated to use with mui5

[vbo75]

Hi,
I've got this dependency error on npm install mui-color :

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: frontend@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! peer react@">=16.8.0" from @emotion/react@11.10.4
npm ERR! node_modules/@emotion/react
npm ERR! @emotion/react@"^11.9.3" from the root project
npm ERR! peer @emotion/react@"^11.5.0" from mui-color@2.0.0-beta.2
npm ERR! node_modules/mui-color
npm ERR! mui-color@"" from the root project
npm ERR! 2 more (@emotion/styled, @mui/material)
npm ERR! 3 more (@emotion/styled, @mui/material, react-dom)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^17.0.0" from @mui/styles@5.10.6
npm ERR! node_modules/@mui/styles
npm ERR! peer @mui/styles@"^5.2.2" from mui-color@2.0.0-beta.2
npm ERR! node_modules/mui-color
npm ERR! mui-color@"" from the root project

"dependencies": {
"@emotion/react": "^11.9.3",
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"@testing-library/jest-dom": "^5.16.4",
"@testing-library/react": "^13.3.0",
"@testing-library/user-event": "^13.5.0",
"archimate-js-core": "file:../../archimate-js-refactor/",
"axios": "^0.27.2",
"material-ui-popup-state": "^4.0.2",
"prop-types": "^15.8.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.3.0",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"

Thanks for your help.

[nazrdogan]

+1