MUIのアイコンボタンを追加しようとしていたとき、題名のエラーに当たりました。
importの方法もコンポーネント内での呼び出し方も公式ドキュメント通りなのになぜ、、、
症状
エラーメッセージ
"Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object."
「無効な要素タイプ:文字列(ビルトインコンポーネント用)またはクラス/関数(コンポジットコンポーネント用)が期待されていいますが、代わりにオブジェクトが得られました」
解決方法を調べてみると、次の二つがサジェストされました。
- importの方法を間違えている
- バージョン互換性の問題
解決方法
上記のどちらでもありませんでした。
package.jsonの中にある、”type": “module”
を削除して再度npm run dev
したところアイコンが正常に表示されるようになりました。
下記のissuesにコメントしてくださっている方がいます...!
https://github.com/mui/material-ui/issues/42997#issuecomment-2240188555