[Solved] MUI installation doesn’t work with React 18

We Are Going To Discuss About MUI installation doesn’t work with React 18. So lets Start this React Article.

MUI installation doesn’t work with React 18

  1. [Solved] MUI installation doesn't work with React 18

    This is MUI's problem with the new version of react. They are working to release a new version of Material UI. in the meantime we can solve this problem by using –legacy-peer-deps.

  2. MUI installation doesn't work with React 18

    This is MUI's problem with the new version of react. They are working to release a new version of Material UI. in the meantime we can solve this problem by using –legacy-peer-deps.

Solution 1

npm install @mui/material @emotion/react @emotion/styled --legacy-peer-deps
npm install @mui/icons-material --legacy-peer-deps

Github Issue : https://github.com/mui/material-ui/issues/32074

Original Author NavinKumarmMNK Of This Content

Solution 2

Install it with npm install @mui/material @emotion/react @emotion/styled --force

Original Author Arya Anish Of This Content

Solution 3

This is MUI’s problem with the new version of react. They are working to release a new version of Material UI. in the meantime we can solve this problem by using –legacy-peer-deps.

This is how: https://namespaceit.com/blog/mui-installation-doesnt-work-with-react-18

npm install @mui/material @emotion/react @emotion/styled --legacy-peer-deps
npm install @mui/icons-material --legacy-peer-deps

Original Author Milan Sachani Of This Content

Conclusion

So This is all About This Tutorial. Hope This Tutorial Helped You. Thank You.

Also Read,

Siddharth

I am an Information Technology Engineer. I have Completed my MCA And I have 4 Year Plus Experience, I am a web developer with knowledge of multiple back-end platforms Like PHP, Node.js, Python and frontend JavaScript frameworks Like Angular, React, and Vue.

Leave a Comment