MUI 4 to 5 - MUI Upgrade Instructions
Copy Below Code
View As A Text File
Show Text Only
Show API
Edit Code
- Add all new packages
- replace maximum imports
- clear the theme styles , theme.js/document.js
- remove all depencies using a package
$ npx @mui/codemod v5.0.0/preset-safe constructors
import { makeStyles } from '@mui/styles'
import { alpha } from '@mui/material/styles';
"@material-ui/core": "^4.11.2",
"@material-ui/icons": "^4.11.2",
"@material-ui/lab": "^4.0.0-alpha.58",
"@material-ui/pickers": "^3.2.10",
"@material-ui/styles": "^4.11.5",
Removed:
"@mui-treasury/components": "^1.10.1",
"mdi-material-ui": "^6.22.0",
"@mui/x-data-grid": "^4.0.1",
"lint:fix": "next lint --fix",