Type error for options and style base

[rutanshu-chalkbooks]

Using TS for implementation using react-select and passing options prop to my custom component using react-select. When I define my type for the options using a custom interface, the Select component throws a type error. I searched online for various implementations and followed the same however the error is yet persisting. Having the same issue for base passed in style.
I would like to understand how to go about this. Have attached the code, errors and dependencies' version below.

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)}
    />
  )
} 

Errors -

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"
...