Maximum update depth exceeded ترجمتها «تجاوز الحد الأقصى لعمق التحديث»، ومعناها: صفحتك دخلت حلقة تحديث ما تنتهي. الصفحة ترسم، بعدها كود يشتغل ويغيّر الحالة، والتغيير يطلب رسم جديد، والرسم يشغّل الكود مرة ثانية.
الترجمة كلمة بكلمة
| الرسالة | الترجمة | إيش تعني |
|---|---|---|
Maximum update depth exceeded | تجاوز الحد الأقصى لعمق التحديث | React وقف بعد تحديثات متتالية كثيرة |
useEffect | دالة تشتغل بعد الرسم | أشهر مكان تبدأ منه الحلقة |
dependency array | قائمة الاعتماد | القائمة في آخر useEffect اللي تحدد متى يشتغل |
Too many re-renders | إعادة رسم كثيرة جدًا | نفس الدوامة، لكن أثناء الرسم مو بعده |
وين تشوفها، وليش ما تطلع بالعربي
تطلع في Console (اضغط F12)، بالإنجليزي دايم. في وضع التطوير تجي أحيانًا كتحذير طويل عن useEffect. وفي النسخة المنشورة ممكن ما تطلع أي رسالة، والصفحة تعلّق وتكرر الطلبات بصمت.
مشكلتك ولا مشكلة الموقع؟
- إذا أنت زائر: الصفحة تعلّق، أو الجوال يسخن ويبطّأ. المشكلة في الموقع، مو عندك. اقفل التبويب.
- إذا الموقع موقعك: انتبه للخطر اللي ما يبان: إذا الحلقة فيها طلب لـ Supabase أو OpenAI، كل دورة طلب جديد. صفحة وحدة مفتوحة عند عميل واحد ممكن ترسل آلاف الطلبات في دقائق، وتخلّص حدود خطتك أو ترفع فاتورتك. شوف رسم الطلبات في لوحة Supabase أو مزوّد الذكاء الاصطناعي: خط ما ينزل حتى في الليل علامة إن فيه صفحة تطلب بلا توقف.
إيش تكتب لـ Lovable أو Bolt أو Cursor
الحل اللي تقترحه الأدوات كثير: تحذف عناصر من قائمة الاعتماد، أو تحط قائمة فاضية []، أو تسكّت التنبيه بـ eslint-disable. الحلقة توقف، لكن الصفحة تصير ما تتحدّث لما لازم تتحدّث. انسخ هذا:
React shows "Maximum update depth exceeded" on <page> (or the Network tab shows
the same request repeating without end).
The message names this component: <name>. Here is the component file: <paste or path>.
Find the useEffect whose state update triggers it again, and explain why in one sentence.
Do not empty the dependency array, remove dependencies, or add eslint-disable
to silence it. The page must still update when its real inputs change.الحل خطوة بخطوة
كيف تتأكد بنفسك، والحل الصح لكل سبب، وإيش تسوي قبل ما يوصل لعملائك، في درس Maximum update depth exceeded في React: ليش الصفحة تعلّق؟. وإذا الفاتورة ارتفعت بالفعل، شوف You exceeded your current quota.
وإذا ما عرفت أي صفحة تكرر الطلبات، حل مشاكل تطبيقك يبدأ بتشخيص مكتوب قبل أي تعديل.