Tengo un componente que requiere una instancia de componente como accesorio para funcionar. Necesito que TS arroje un error si ese accesorio no es una instancia de un componente específico.

¿Cómo puedo lograr eso? ¿Hay un tipo de utilidad para esto?

 interface MyComponentProps { button: InstanceOfReactElement<RequiredButton> } function MyComponent({ button, ...props }: MyComponentProps) { ... } function RequiredButton(props) { ... } // ❌ need typescript to throw error here if `button` is not `<RequiredButton />` <MyComponent button={<p>whatever</p>} /> // ✅ no error here since `button` is instance of 'RequiredButton' <MyComponent button={<RequiredButton />} />