📚
MUI5でforwardRefのWarningが出た時の対処法
現象
LoadingButtonなどMUIのLabにあるコンポーネントを使用するときに、importの仕方によっては下記の警告がすごい数でる。
警告が出る呼び出し方
index.tsx
import { LoadingButton } from "@mui/lab";
出る警告
Warning: forwardRef render functions accept exactly two parameters: props and ref. Did you forget to use the ref parameter?
解決方法
必要なコンポーネントを直接呼びに行けば、警告は表示されない
index.tsx
import LoadingButton from "@mui/lab/LoadingButton";
Discussion