我尝试使用MUI中的TextInput组件以及react-input-mask和react-hook-form中的MaskInput组件。一切似乎都运行正常，但我在控制台中收到一条关于使用引用的错误消息。我尝试使用useRef挂钩并直接选择第二个输入，以及使用useEffect挂钩注册输入，但错误仍然存在。您对如何解决此问题有什么想法吗？
反作用域开发. js：86警告：在StrictMode中不推荐使用findDOMNode。已向findDOMNode传递了StrictMode内部的InputElement2示例。请改为直接向要引用的元素添加ref。

import { useFormContext, Controller } from "react-hook-form";
import { Grid, TextField } from "@mui/material";
import InputMask from "react-input-mask";

const FormInputMask = ({ name, label }) => {
  const { control } = useFormContext();

  return (
    <Grid item xs={12}>
      <Controller
        control={control}
        name={name}
        defaultValue=""
        render={({ field }) => (
          <InputMask
            {...field}
            maskChar=""
            mask="999 999"
            label={label}
            variant="outlined"
            fullWidth={true}
          >
            {(inputProps) => (
              <TextField {...inputProps} />
            )}
          </InputMask>
        )}
      />
    </Grid>
  );
};

export default FormInputMask;