material-ui自动完成封装到react-hook-form控制器中，无法获取值

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

type OptionType = {
  label: string;
};

const options = [
  { label: 'Option 1' },
  { label: 'Option 2' },
  { label: 'Option 3' },
];

const MyForm = () => {
  const { control, handleSubmit, formState: { errors } } = useForm();

  const onSubmit = (data) => {
    console.log(data);
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <Controller
        name="autocomplete"
        control={control}
        defaultValue=""
        render={({ field }) => (
          <Autocomplete
            {...field}
            options={options}
            getOptionLabel={(option) => option.label}
            renderInput={(params) => (
              <TextField
                {...params}
                label="Choose an option"
                variant="outlined"
                error={!!errors.autocomplete}
                helperText={errors.autocomplete?.message}
              />
            )}
          />
        )}
      />
      <button type="submit">Submit</button>
    </form>
  );
};

export default MyForm;