خطأ 'Property 'value' does not exist on type 'Readonly<{}>'' في React وTypeScript

مرحباً بالجميع! أنا مبتدئ في TypeScript وReact، وأواجه هذا الخطأ منذ عدة ساعات. لدي مكون بسيط يجب أن يحصل على قيمة من input ويعرضها. هذا هو الكود الخاص بي: ```typescript import React, { useState } from 'react'; function MyComponent() { const [state, setState] = useState({}); const handleChange = (e: React.ChangeEvent) => { setState({ value: e.target.value }); }; return (

Value: {state.value}

); } ``` عند محاولة الوصول إلى `state.value`، يظهر TypeScript خطأ: **"Property 'value' does not exist on type 'Readonly<{}>'"** أفهم أن TypeScript يقول إن الكائن `{}` لا يحتوي على خاصية `value`. لكنني أضيفها عبر `setState`! لماذا لا يرى TypeScript ذلك؟ كيف يمكنني كتابة نوع الحالة بشكل صحيح في هذه الحالة؟ حاولت كتابة `state: any`، لكن يبدو أن هذا ليس صحيحاً. أرجو إرشادي.