Avatar ·

¿Qué tipo de dato tiene la prop children en React y TypeScript?

¡Hola a todos! Recientemente comencé a estudiar TypeScript junto con React y me encontré con una situación confusa. Estoy creando un componente contenedor que debe aceptar elementos hijos. En JavaScript normal simplemente escribía `props.children` y todo funcionaba. Pero en TypeScript necesito especificar los tipos y no entiendo qué tipo debo usar para `children`. Aquí hay un ejemplo de mi código: ```tsx interface CardProps { title: string; children: ???; // ¿Qué poner aquí? } function Card({ title, children }: CardProps) { return (

{title}

{children}
); } ``` He probado escribir `children: any`, pero no es muy bueno, se pierde el tipado. Probé `children: ReactNode` — parece funcionar, pero no estoy seguro de si es correcto. También he visto que algunos usan `ReactChild` o `ReactElement`. ¿Cuál es la diferencia? ¿Y qué pasa si quiero que el componente acepte solo un elemento hijo? ¿O al contrario?