مرحباً بالجميع! أنا مبتدئ في TypeScript وReact. أنشأت مشروعاً باستخدام create-react-app مع قالب TypeScript، ولكن عند محاولة كتابة مكون بسيط واجهت خطأ غريباً. إليك الكود الخاص بي (ملف App.tsx): ```tsx import React from 'react'; import ReactDOM from 'react-dom'; const App: React.FC = () => { return

Hello World

; }; ReactDOM.render(, document.getElementById('root')); ``` TypeScript يعطي خطأ في السطر الذي يحتوي على `import React from 'react'`: "'React' refers to a UMD global, but the current file is a module. Consider adding an import instead." أنا في حيرة. يبدو أنني أستخدم import بالفعل، لكن المترجم يقول إنني بحاجة لإضافة import. حاولت إعادة تثبيت التبعيات، وحذف node_modules وpackage-lock.json — لم يساعد. أستخدم أحدث إصدارات React وTypeScript. أرجو إخباري بما أفعله خطأ وكيف يمكن إصلاحه؟ ملف tsconfig.json يبدو هكذا (تم إنشاؤه بواسطة CRA): ```json { "compilerOptions": { "target": "es } } ```