How to add typing for reusable React components?

Question

typescript

Hello, can you please tell me how to add typing for reusable React components?
I have a select component that should be typed relative to the form where it is used, how can I implement this, I need to have a dynamic interface instead of IRegisterInputs, because now this value is hardcoded

export type IRegisterInputs = {
  email: string
  password: string
  firstName: string
  lastName: string
  dateOfBirth: string
  country: string
  gender: string
  subscribe: boolean
};

interface SelectProps {
  control: Control<IRegisterInputs>
  name: keyof IRegisterInputs
  options: CountriesOptions[]
  setValue: UseFormSetValue<IRegisterInputs>
}