react-select 的选项和样式库的类型错误

Question

使用 TS 实现使用react-select并使用react-select -select 将 options 属性传递给我的自定义组件。 当我使用自定义接口为选项定义类型时， Select组件会引发类型错误。 我在网上搜索了各种实现并遵循相同的方法，但是错误仍然存在。 以样式传递的base具有相同的问题。

我想了解如何 go 关于这个。 在下面附上了代码、错误和依赖项的版本。

export type TSelectInput = {
  value: string,
  label: string,
}

export interface DonorDropdownProps {
  options: TSelectInput[],
  selectedOption: string | null,
  setSelectedOption: React.Dispatch<React.SetStateAction<string | null>>,
  customStyles?: string,
}

const style = {
  control: (base: CSSProperties) => ({
    ...base,
    border: "1px solid black",
    paddingTop: 4,
    paddingBottom: 4,
    paddingLeft: 8,
    paddingRight: 8,
    borderRadius: 4,
  })
};

const DonorDropdown = ({ options, selectedOption, setSelectedOption, customStyles }: DonorDropdownProps) => {
  return (
    <Select
      menuPlacement="auto"
      styles={style}
      value={selectedOption}
      options={options}
      onChange={(option) => setSelectedOption(option)}
    />
  )
} 

错误 -

Type 'TSelectInput[]' is not assignable to type 'readonly (string | GroupBase<string>)[]'.

Type '{ control: (base: CSSProperties) => { border: string; paddingTop: number; paddingBottom: number; paddingLeft: number; paddingRight: number; borderRadius: number; accentColor?: Property.AccentColor | undefined; ... 780 more ...; vectorEffect?: Property.VectorEffect | undefined; }; }' is not assignable to type 'StylesConfig<string, false, GroupBase<string>>'.

package.json

...
    "react-select": "^5.4.0",
    "typescript": "4.7.4"
...