مرحباً بالجميع! أنا مبتدئ في TypeScript وReact، أحاول إعداد مشروع لكنني واجهت خطأ لا أستطيع التغلب عليه منذ اليوم الثاني. لدي مكون بسيط في React أكتبه في ملف بامتداد .tsx: ```tsx import React from 'react'; interface Props { name: string; } const Greeting: React.FC = ({ name }) => { return

Hello, {name}!

; }; export default Greeting; ``` عند تشغيل التجميع عبر `tsc`، أحصل على الخطأ: ``` Cannot use JSX unless the '--jsx' flag is provided. ``` أستخدم TypeScript الإصدار 5.0.3، React 18، وملف tsconfig.json الخاص بي يبدو كالتالي: ```json { "compilerOptions": { "target": "ES2020", "module": "ESNext", "strict": true, "esModuleInterop": true, "outDir": "./dist", "rootDir": "./src" }, "include": ["src/**/*"] } ``` حاولت البحث في Google، لكن النصائح على الإنترنت مختلفة: البعض يقول بتعيين `"jsx": "react"`، والبعض الآخر يقول `"jsx": "preserve"`، وآخرون...