MUI Boxで式は、複雑すぎて表現できない共用体型を生成します。ts(2590) が出たときの対処法

原因？

package.json

{
  "dependencies": {
    "@mui/material": "5.12.2",
    "@react-three/drei": "^9.66.1",
    "@react-three/fiber": "^8.13.0",
    "three": "^0.152.1",
  },
}

おソース Typescript Box conflicts with Material UI #1752

対処法

import {
  Box,
} from "@mui/material";
<Box component="div">
<Box>

Boxにcomponent="div"追加する