خطأ React: «لا يمكن تحديث حالة React على مكون غير مركب» في TypeScript

مرحبًا! أكتب تطبيق React باستخدام TypeScript و Lodash. لدي مكون يقوم بتحميل البيانات من الخادم عند التركيب ويعرضها. كل شيء يعمل، لكن في وحدة التحكم يظهر تحذير باستمرار: «لا يمكن تحديث حالة React على مكون غير مركب». يحدث هذا عندما ينتقل المستخدم بسرعة بين الصفحات. إليك الكود المبسط للمكون الخاص بي: ```typescript import React, { useState, useEffect } from 'react'; import { debounce } from 'lodash'; interface UserData { id: number; name: string; } const UserProfile: React.FC<{ userId: number }> = ({ userId }) => { const [user, setUser] = useState(null); const [loading, setLoading] = useState(true); useEffect(() => { const fetchUser = async () => { setLoading(true); try { const response = await fetch(`/api/users/${userId}`); const data: UserData = await response.json(); setUser(data); ```