Avatar ·

Qual é o tipo de dado do prop children em React e TypeScript?

Olá a todos! Comecei recentemente a estudar TypeScript junto com React e me deparei com uma situação confusa. Estou criando um componente wrapper que deve aceitar elementos filhos. Em JavaScript normal, eu simplesmente escrevia `props.children` e tudo funcionava. Mas no TypeScript, preciso especificar os tipos, e não entendo qual tipo usar para `children`. Aqui está um exemplo do meu código: ```tsx interface CardProps { title: string; children: ???; // O que escrever aqui? } function Card({ title, children }: CardProps) { return (

{title}

{children}
); } ``` Tentei escrever `children: any`, mas não é muito bom, perde-se a tipagem. Tentei `children: ReactNode` — parece funcionar, mas não tenho certeza se está correto. E também vi que algumas pessoas usam `ReactChild` ou `ReactElement`. Qual é a diferença? E se eu quiser que o componente aceite apenas um único elemento filho? Ou, ao contrário, vários?