当与react-hook-form的控制器一起使用时，MUI自动完成的'defaultValue‘不工作

import React from 'react';
import { useForm, Controller } from 'react-hook-form';
import Autocomplete from '@mui/material/Autocomplete';

const MyForm = () => {
  const { control, handleSubmit } = useForm();
  
  const onSubmit = (data) => {
    console.log(data);
  };
  
  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <Controller
        name="myField"
        control={control}
        defaultValue="" // 设置默认值为空字符串
        render={({ field }) => (
          <Autocomplete
            {...field}
            options={['Option 1', 'Option 2', 'Option 3']}
            renderInput={(params) => <input {...params} />}
          />
        )}
      />
      <button type="submit">Submit</button>
    </form>
  );
};

export default MyForm;