डिबगिंग केस स्टडी: गलत IndexedDB उपयोग से होने वाली अनंत Suspense समस्या का समाधान

कुछ हफ्ते पहले से हमारी कंपनी के प्रोडक्ट में फ्रंटएंड पर IndexedDB का काफी इस्तेमाल शुरू हुआ था। उसके बाद जिस समस्या का सामना हुआ और जिसे हल करना आसान नहीं था, उसे डिबग करने के अनुभव को साझा कर रहा/रही हूँ.

3-पंक्ति सारांश

1. समस्या की मूल स्थिति को ज्यों का त्यों बनाए रखना डिबगिंग में बेहद महत्वपूर्ण है। अगर आपके पास पुनरुत्पादन योग्य environment है, तो उसे छेड़ें नहीं।
2. IndexedDB का उपयोग करते समय, अगर आपने इसे इस तरह implement किया है कि session समाप्त होने पर ही connection बंद होता है, तो blocked और versionchange event handler में connection को अवश्य बंद करें।
3. (React 18 या उससे ऊपर के आधार पर) यदि आप API कॉल करने के अलावा ऐसा code भी लिख रहे हैं जो suspended state पैदा कर सकता है, तो ध्यान रखें कि आप अनंत Suspense में न फँसें। हमने बिंदु 2 के प्रबंधन के अलावा implementation को इस तरह बदला कि कारण कुछ भी हो, अगर वही Suspense fallback 10 सेकंड से अधिक समय तक render हो रहा हो, तो error throw किया जाए।