Closed ryoma-yama closed 1 month ago
MUIはv5でStylingライブラリをJSSからEmotionに切り替えたのでアップデートとコードの修正をする。
# remove
pnpm remove @material-ui/core @material-ui/icons @material-ui/lab
# add
pnpm add @mui/material @mui/styles @mui/lab @mui/icons-material @emotion/react @emotion/styled
# codemodを適用して修正する
npx @mui/codemod@latest v5.0.0/jss-to-styled .\src\components\Toolbar
npx @mui/codemod@latest v5.0.0/preset-safe .\src\components\Toolbar
その他、自動修正されない部分について手動で修正。
ScriptsAutoRunner
だったので無関係。開発サーバーをreact-scriptsからviteに移行する。非推奨のライブラリに多く依存しすぎているし何より公式ももう使っていないので
pnpm remove react-scripts
pnpm add vite @vitejs/plugin-react
その他
どうしたいか
どうするか
追加で入れるもの
想定される問題
その他
TypeScript対応は別イシューでいいかも