خطأ استيراد ملفات SVG في TypeScript: Cannot find module أو نوع غير صحيح

مرحباً بالجميع! أنا مبتدئ في TypeScript وواجهت مشكلة عند محاولة استيراد ملفات SVG في مشروع React. لدي مكون أيقونة: ```typescript import React from 'react'; import { ReactComponent as Logo } from './logo.svg'; const Header: React.FC = () => { return (

); }; export default Header; ``` لكن TypeScript يعطي خطأ: `Cannot find module './logo.svg' or its corresponding type declarations.` لقد تحققت — الملف موجود، المسار صحيح. إذا استخدمت `require('./logo.svg')`، أحصل على نوع `any`، وهذا أيضاً غير مرضٍ. ملف `tsconfig.json` الخاص بي يبدو هكذا: ```json { "compilerOptions": { "target": "ES5", "module": "ESNext", "strict": true, "jsx": "react-jsx", "moduleResolution": "node", "esModuleInterop": true }, "include": ["src"] } ``` أستخدم Create React App، ولكن مع قالب TypeScript. كل شيء آخر يعمل بشكل طبيعي، لكن ملفات SVG لا