Тип реквизита не распознан

#reactjs #typescript

#reactjs #typescript

Вопрос:

У меня есть 2 разных компонента для заголовка prop, Title и MainTitle :

 import Title from "./Title";
import MainTitle from "./MainTitle"

interface HeaderProps {
  title: ReactElement<typeof Title>;
}
 

Приведенный выше код работает, когда я использую его в качестве заголовка заголовка. Title
Но это также работает, когда я использую MainTitle вместо этого, без определения typeof MainTitle .

Как я могу определить, что внутри этого интерфейса будет приниматься ТОЛЬКО заголовок?

Комментарии:

1. Как мне предотвратить структурную совместимость двух типов?

2. @VLAZ Не могли бы вы показать крошечный пример? Я не уверен, что понимаю, что они означают на этой странице в соответствии с моим примером