Как добавить типизацию для переиспользуемых компонентов React?

Question

[Alexander]

Здравствуйте, подскажите пожалуйста, как добавить типизацию для переиспользуемых компонентов React?
У меня есть компонент select, который должен типизироватся относительно той формы где ипользуется, как я могу это реализовать, нужно чтобы вместо IRegisterInputs был динамический interface, потому что сейчас это значение захардкоджено

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

Comments

[WbICHA]

Так используй дженерики, которые ты уже используешь...

interface SelectProps<T extends Record<unknown, unknown> {
  control: Control<T>
  name: keyof T
  options: CountriesOptions[]
  setValue: UseFormSetValue<T>
}