¿Qué tipo de dato tiene el prop children en React con TypeScript?

¡Hola a todos! Acabo de empezar a aprender React con TypeScript y tengo un problema con la tipificación del prop `children`. Tengo un componente wrapper simple: ```tsx interface CardProps { title: string; children: ???; // ¿Qué escribir aquí? } function Card({ title, children }: CardProps) { return ( ); } ``` Quiero que este componente pueda aceptar: 1. Texto simple (string) 2. Otro componente React 3. Varios componentes envueltos en un fragment 4. Cualquier elemento JSX (div, span, img, etc.) 5. Incluso null o undefined (si children no se pasa) En JavaScript simplemente escribía `children: any`, pero en TypeScript se considera mala práctica. He probado a usar `ReactNode`, `ReactElement`, `JSX.Element`, pero me confundí con las diferencias. Cuando escribo `children: React.ReactNode`, TypeScript se queja de que no importé React.