خطأ TypeScript: الخاصية 'X' غير موجودة في النوع 'Window' في تطبيق React

مرحباً! أقوم بتطوير تطبيق React باستخدام create-react-app و TypeScript. واجهت مشكلة: أحاول الوصول إلى الخاصية العامة `window.myCustomProp` التي أضفتها إلى كائن `window` للتكامل مع سكربت طرف ثالث. إليك الكود الخاص بي: ```typescript // App.tsx const App: React.FC = () => { useEffect(() => { // تعيين الخاصية المخصصة window.myCustomProp = 'Hello from custom property'; // محاولة قراءتها console.log(window.myCustomProp); }, []); return ; }; ``` عند الترجمة، يظهر خطأ TypeScript: ``` Property 'myCustomProp' does not exist on type 'Window & typeof globalThis'. ``` لقد جربت استخدام `(window as any).myCustomProp`، لكن هذا يبدو كحل مؤقت. هل هناك طريقة أكثر صحة لتعريف الخصائص المخصصة على كائن `window` في TypeScript؟ أستخدم React 18 و TypeScript 5.0 و create-react-app بأحدث إصدار. سأكون ممتناً لشرح مفصل، لأنني جديد في هذا المجال.