How to get all props of a React component by its instance?

Question

typescript

We have typescript and two components.
I want component 2 to require all the same values ​​in props as component 1.
How I imagine it:

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

(let's imagine that we don't have predefined types like ButtonPropsTypes (for example, if we use a button from some design library))

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'}} />
}