📚

MUI5でforwardRefのWarningが出た時の対処法

2022/07/07に公開

現象

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?

解決方法

https://github.com/mui/material-ui/issues/33080
必要なコンポーネントを直接呼びに行けば、警告は表示されない

index.tsx
import LoadingButton from "@mui/lab/LoadingButton";

Discussion