はじめに
ReactにMUIを入れる際、import文でエラーが出たのでその解決を残しておきます。
1. エラーの内容と解決方法
MUIのimportを以下のように書いていました。
import Button from '@material-ui/core/Button';
解決法
import Button from '@mui/material/Button';
2. 理由
アップデートによって名前が変わったから。
どうやらv5でプロジェクトの名前が変わったらしいです。v4の記事をそのままコピペしたりすると、エラーになります。コピペするときは、プロジェクトルート直下のpackage.jsonや公式のGet startedのページを見ながら書き換えましょう。
おわりに
間違い等あればコメントお願いします。