Back

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",