【React/mui】Grid2でTypeError: styled_default is not a functionが出た際の解決法

結論

• Grid2をGridにして、yarn dev --forceする

経緯

• reactのmuiのGrid2を使用していた
• 今まで動いていたが、突然動かなくなった
  • 恐らく2023年5月に入ってから
• エラー文は以下

Uncaught TypeError: styled_default is not a function at Grid2.js:5:26

• muiをダウングレードしてもダメ

解決法

• Grid2→Gridにする
  • 参考: https://mui.com/material-ui/api/grid/
  • Grid2は文字通りUnstable(不安定)なので、使わない方が無難かもしれない
    • (2023年5月現在)

-import Grid2 from "@mui/material/Unstable_Grid2";
+import Grid from "@mui/material/Grid";

• yarn devしている場合は--forceをつける
  • キャッシュを削除する必要がある