How to inherit the props of a passed component in React?

Question

typescript

Hello.

It is necessary that when a component is passed as a prop, its props are also inherited.
Example,

const Component: FC<ComponentProps> = ({ text }) => <></>;

const ComponentWrapper: FC<Type> = ({ component, ...rest }) => <Component {...rest} />

<ComponentWrapper component={Component} text="yes" /> // <---- надо,чтоб тут ТС унаследовал пропсы от Component

Tried to write this

type ComponentWrapper<T = {}> = {
  component: ComponentType<T>;
} & T;

But, of course, TS defines props as {}

Answer 1

https://codesandbox.io/s/qna-q-1131330-55d4th

interface IWrapper<T> {
  component: T;
}

const Wrapper = <T extends React.ComponentType<any>>({
  component: Component,
  ...props
}: React.PropsWithChildren<IWrapper<T> & React.ComponentProps<T>>) => <Component {...props} />;