Tengo un componente definido de la siguiente manera:

 // Form.Container.tsx export default function MyForm(props: IFormProps): JSX.Element { /* some crazy logic here */ return ( <Form<{initialValues: RFFFormProps['initialValues'] }> initialValues={{ name: 'John Doe' }}> <FormField type="text" name="name" /> {/* more FormField components here */} </Form> ) }

Soy bastante nuevo con Typescript, pero he podido entender los conceptos ya que tengo algo de experiencia en C#. Estoy tratando de propagar los tipos a través de los componentes secundarios. Lo que quiero decir es que quiero poder hacer que los valores de accesorios de FormField se apliquen dependiendo de qué Form . initialValues prop recibe. Por ejemplo, quiero FormField . name para aceptar solo los valores clave que Form . initialValues recibe (en este caso, el nombre solo puede recibir un valor de "nombre" ya que es la única clave en initialValues ). ¿Hay alguna manera de hacerlo o es algo que Typescript no permite?