在“工作”版本中，似乎所有类型都允许被推断，因为所有的东西都是组件内部的。当你创建一个外部组件时，你没有输入传递给你的AutoComplete组件的props。理想情况下，你应该完全输入HookAutoComplete props对象。
不必深入了解mui-react-hook-form-plus是如何从react-hook-form导出钩子和任何类型声明的，只需手动键入isOptionEqualToValue就可以了。

interface FilmOption {
  label: string;
  year: number;
}

interface Value {
  label: string;
}

export const top100Films: FilmOption[] = [
  { label: "The Shawshank Redemption", year: 1994 },
  { label: "The Godfather", year: 1972 },
  { label: "The Godfather: Part II", year: 1974 },
  { label: "The Dark Knight", year: 2008 },
  { label: "12 Angry Men", year: 1957 },
  { label: "Schindler's List", year: 1993 },
  { label: "Pulp Fiction", year: 1994 }
];

export default function AutoComplete({ registerState }) {
  return (
    <HookAutoComplete
      {...registerState("movie")}
      autocompleteProps={{
        options: top100Films,
        autoHighlight: true,
        isOptionEqualToValue: ({ label }: FilmOption, value: Value) =>
          label === value.label
      }}
      textFieldProps={{
        label: "Movie",
        placeholder: "The..."
      }}
      gridProps={{
        xs: 12
      }}
      rules={{
        required: {
          message: "Required",
          value: true
        }
      }}
    />
  );
}