Qual é o tipo de dado da prop children em React com TypeScript?

Olá a todos! Estou começando a aprender React com TypeScript e tive um problema com a tipagem da prop `children`. Tenho um componente wrapper simples: ```tsx interface CardProps { title: string; children: ???; // O que colocar aqui? } function Card({ title, children }: CardProps) { return ( ); } ``` Quero que este componente possa aceitar: 1. Texto simples (string) 2. Outro componente React 3. Vários componentes envolvidos em um fragment 4. Quaisquer elementos JSX (div, span, img, etc.) 5. Até null ou undefined (se children não for passado) Em JavaScript, eu simplesmente escrevia `children: any`, mas em TypeScript isso é considerado má prática. Tentei usar `ReactNode`, `ReactElement`, `JSX.Element`, mas fiquei confuso com as diferenças. Quando escrevo `children: React.ReactNode`, o TypeScript reclama que não importei o React.