React और TypeScript में children प्रॉप का डेटा प्रकार क्या है?

सभी को नमस्कार! मैंने अभी-अभी React को TypeScript के साथ सीखना शुरू किया है, और मुझे `children` प्रॉप को टाइप करने में समस्या आ रही है। मेरे पास एक सरल रैपर कंपोनेंट है: ```tsx interface CardProps { title: string; children: ???; // यहाँ क्या लिखें? } function Card({ title, children }: CardProps) { return ( ); } ``` मैं चाहता हूँ कि यह कंपोनेंट निम्नलिखित को स्वीकार कर सके: 1. सरल टेक्स्ट (स्ट्रिंग) 2. दूसरा React कंपोनेंट 3. फ्रैगमेंट में लिपटे कई कंपोनेंट 4. कोई भी JSX एलिमेंट (div, span, img आदि) 5. null या undefined भी (यदि children पास न किया गया हो) JavaScript में मैं बस `children: any` लिखता था, लेकिन TypeScript में इसे बुरा अभ्यास माना जाता है। मैंने `ReactNode`, `ReactElement`, `JSX.Element` का उपयोग करने की कोशिश की, लेकिन अंतरों में उलझ गया। जब मैं `children: React.ReactNode` लिखता हूँ, TypeScript शिकायत करता है कि मैंने React को import नहीं किया।