はじめに

ReactにMUIを入れる際、import文でエラーが出たのでその解決を残しておきます。

1. エラーの内容と解決方法

MUIのimportを以下のように書いていました。

import Button from '@material-ui/core/Button';

解決法

import Button from '@mui/material/Button';

アップデートによって名前が変わったから。

どうやらv5でプロジェクトの名前が変わったらしいです。v4の記事をそのままコピペしたりすると、エラーになります。コピペするときは、プロジェクトルート直下のpackage.jsonや公式のGet startedのページを見ながら書き換えましょう。

間違い等あればコメントお願いします。