Как получить все пропсы компонента React по его экземпляру?

Question

[Степан Турченко]

У нас имеется typescript и два компонента.
Я хочу чтобы компонент 2 требовал в пропсы все те же значения, что и компонент 1.
Как я это себе представляю:

import {Button} from 'react-native';
const MyButton = (props: typeof Button) => {
  return <Button title={props.title} onPress={props.onPress} style={{color:'#fff'}} />
}

(представим, что у нас нету предопределенных типов наподобие ButtonPropsTypes (например , если мы используем кнопку из какой нибудь дизайн библиотеки))

Answer 1

[Дмитрий Беляев]

import type {ComponentType} from 'react';
import {Button} from 'react-native';

type InferProps<Component> = Component extends ComponentType<infer Props> ? Props : never;

const MyButton = (props: InferProps<typeof Button>) => {
  return <Button title={props.title} onPress={props.onPress} style={{color:'#fff'}} />
}