خطأ "JSX element type '...' does not have any construct or call signatures" في TypeScript وReact

مرحبًا بالجميع! أنا مبتدئ في TypeScript وReact، وقد أمضيت عدة ساعات في محاولة حل هذا الخطأ. أكتب مكونًا بسيطًا يجب أن يعرض قائمة بالمستخدمين، لكن TypeScript يشتكي. إليك الكود الخاص بي: ```tsx // UserList.tsx import React from 'react'; interface User { id: number; name: string; } const UserItem: React.FC = ({ name }) => { return

{name}

; }; // المكون الذي يستقبل مصفوفة من المستخدمين function UserList({ users }: { users: User[] }) { return (

{users.map(user => ( ))}

); } export default UserList; ``` ولكن عندما أحاول استخدام هذا المكون في App.tsx، يظهر TypeScript الخطأ التالي: ``` JSX element type 'UserItem' does not have any construct or call signatures. ``` لقد جربت بالفعل عدة خيارات: أضفت `React.FC`، وأزلته، وغيرت أنواع props — ولم يساعدني شيء. ما الخطأ الذي أفعله؟ لماذا يعتقد TypeScript أن مكوني ليس له توقيع بناء أو استدعاء؟