Typescript Select 控件的常见 onChange 事件失败

我已经创建了一个通用的useForm.tsx文件来处理onChange事件.然而，对于 Select 控件onChange，我得到了下面的错误.

你知道我怎么才能解决这个问题吗？

Error:个

Type '(e: ChangeEvent<HTMLInputElement | HTMLSelectElement>) => void' is not assignable to type '(event: SelectChangeEvent<string>, child: ReactNode) => void'.
  Types of parameters 'e' and 'event' are incompatible.
    Type 'SelectChangeEvent<string>' is not assignable to type 'ChangeEvent<HTMLInputElement | HTMLSelectElement>'.
      Type 'Event & { target: { value: string; name: string; }; }' is missing the following properties from type 'ChangeEvent<HTMLInputElement | HTMLSelectElement>': nativeEvent, isDefaultPrevented, isPropagationStopped, persistts(2322)
Select.tsx(19, 3): The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & Props'

useForm.tsx code:个

 import { ChangeEvent, useState } from 'react';

 interface FormFieldInitialValues {
   [key: string]: string;
 }

 const useForm = (formFieldInitialValues: FormFieldInitialValues) => {
   const [values, setValues] = useState<FormFieldInitialValues>(
   formFieldInitialValues
 );

 const handleInputChange = (
   e: ChangeEvent<HTMLInputElement | HTMLSelectElement>
 ) => {
   const { name, value } = e.target;
   setValues({
     ...values,
     [name]: value,
   });
 };

  return {
   values,
   setValues,
   handleInputChange,
  };
 };

export default useForm;

My Select control code:个

<Controls.Select
   name="classSelect"
   label="Class"
   value={values.classSelect}
   onChange={handleInputChange}   -> shows an error here
   options={GetClassesService()}
></Controls.Select>

但是，相同的代码可以很好地用于输入控件.

 <Controls.Input
   name="lastName"
   label="Last Name"
   value={values.lastName}
   onChange={handleInputChange}
 />

感谢任何人的帮助.

谢谢.