Tener este tipo:
export interface IMyTypes { First: { name: string; city: string; country: string; status: string; }; Second: { name: string; age: number; height: number; }; }Esto debe usarse en un componente, pero no puedo hacer que acepte ambos, los accesorios deben ser Primero o Segundo.
Puedo hacer que funcione para First:
import { IMyTypes } from '../my-types'; interface MyComponentProps { componentProps: ComponentProps<IMyTypes['First']>; }o para el segundo:
interface MyComponentProps { componentProps: ComponentProps<IMyTypes['Second']>; }Pero no funciona para que acepte uno u otro, intente de la siguiente manera pero no es correcto:
interface MyComponentProps { componentProps: ComponentProps<IMyTypes['First' | 'Second']>; }¿Hay una solución para esto?
La solución que resuelve el problema:
interface MyComponentProps { componentProps: | ComponentProps<IMyTypes['First']> | ComponentProps<IMyTypes['Second']>; }