السيرفر والتطبيق بيبقوا بطء جداً: حل أيرور Can't perform a React state update on an unmounted component في React

import { useState, useEffect } from 'react';

function UserProfile({ userId }) {
    const [user, setUser] = useState(null);

    useEffect(() => {
        // 1. إنشاء أبورت كنترولر لإلغاء الطلب
        const controller = new AbortController();
        const signal = controller.signal;

        fetch(`https://api.example.com/users/${userId}`, { signal })
            .then(res => res.json())
            .then(data => setUser(data))
            .catch(err => {
                if (err.name === 'AbortError') {
                    console.log('تم إلغاء الطلب بنجاح لأن المكون اتدمر');
                } else {
                    // معالجة الأخطاء الثانية عادي
                }
            });

        // 2. دالة التنظيف Cleanup Function بتشتغل أول ما المكون يتدمر
        return () => {
            controller.abort(); // إلغاء طلب الـ Fetch فورا!
        };
    }, [userId]);

    return <div>{user ? user.name : 'جاري التحميل...'}</div>;
}