Как получить общий интерфейс из объединения React.FC?

Question

[PantyDev]

Как получить общий интерфейс из объединения React.FC<T>?
Мне нужно получить

IMainBanner | IAbout | IBrands и т. д.

вместо

FC<IMainBanner> | FC<IAbout> | FC<IBrands> и т. д.

Answer 1

[PantyDev]

import { FC } from 'react'

type ExtractFromFC<T> = T extends FC<infer X> ? X : never

type Foo = FC<42> | FC<'hello'> | FC<true>
type Result = ExtractFromFC<Foo>
//   ^?

Решение для тех кто тоже мог интересоваться. Нужно юзать infer. Закрываем! Спасибо

Answer 2

[Alexandroppolus]

import { ComponentProps, FC } from 'react';

type Foo = FC<42> | FC<'hello'> | FC<true>;
type Result = ComponentProps<Foo>;