خطأ TypeScript في React: "يشير إلى قيمة، ولكن يتم استخدامه كنوع هنا (TS2749)"

مرحباً بالجميع! أنا مبتدئ في TypeScript وReact، وواجهت مشكلة لم أتمكن من حلها لعدة ساعات. أحاول إنشاء مكون مكتوب باستخدام Material-UI وواجهت الخطأ TS2749. إليك الكود الخاص بي: ```typescript import React, { useState } from 'react'; import TextField from '@mui/material/TextField'; import Button from '@mui/material/Button'; interface MyComponentProps { onSubmit: (data: string) => void; } const MyComponent: React.FC = ({ onSubmit }) => { const [value, setValue] = useState(''); const [error, setError] = useState(false); const handleSubmit = () => { if (!value) { setError(true); return; } onSubmit(value); }; return (

setValue(e.target.value)} /> إرسال

); }; export default MyComponent; ```