javascript - Componente terțe în react-final-form cu typescript


Am un component care necesită câteva proprietăți

import { Input, ComponentProps } from 'ThirdPartyLib';

import * as React from 'react';
import { FieldRenderProps } from 'react-final-form';

type Props = FieldRenderProps<string, HTMLElement> & ComponentProps;

export const TextInput: React.FC<Props> = ({
    input,
    meta: { touched, error },
    ...rest
}: Props) => (
    <Input invalid={touched && error} errorText={error} {...input} {...rest} />
);

ComponentProps este o interfață care are câteva proprietăți obligatorii, de exemplu id. Când încerc să folosesc componenta TextInput:

<TextInput />

Nu se compilează pentru că nu am transmis proprietățile necesare. Dar când o fac:

<Field
    name={'email'}
    component={TextInput}
/>

Se compilează fără probleme.

Există o modalitate de a forța Field să caute și ComponentProps?