react-hook-form material-ui下拉字段缺少`name`属性：

import { useForm } from 'react-hook-form';
import { FormControl, InputLabel, Select, MenuItem } from '@material-ui/core';

function MyForm() {
  const { register, handleSubmit } = useForm();

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

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <FormControl>
        <InputLabel id="demo-select-label">Select Option</InputLabel>
        <Select
          labelId="demo-select-label"
          id="demo-select"
          name="myDropdown" // 添加name属性
          {...register('myDropdown')} // 注册表单字段
        >
          <MenuItem value="option1">Option 1</MenuItem>
          <MenuItem value="option2">Option 2</MenuItem>
          <MenuItem value="option3">Option 3</MenuItem>
        </Select>
      </FormControl>
      <button type="submit">Submit</button>
    </form>
  );
}