Hatalı IndexedDB kullanımı nedeniyle oluşan sonsuz Suspense sorununu çözme: Bir debugging vakası paylaşımı

Şirket ürününde birkaç hafta önce frontend tarafında IndexedDB’yi yoğun biçimde kullanmaya başladık. Bunun ardından karşılaşıp çözmesi pek kolay olmayan bir sorunu nasıl debug ettiğimize dair deneyimimizi paylaşıyorum.

3 satırlık özet

1. Olay yerini korumak debugging için son derece önemlidir. Yeniden üretilebilen bir ortamınız varsa ona dokunmayın.
2. IndexedDB kullanırken, bağlantının ancak oturum sonlandırıldığında kapandığı bir yapı kurduysanız blocked ve versionchange event handler’larında bağlantıyı mutlaka kapatmalısınız.
3. (React 18 ve üzeri için) Yalnızca API çağrıları değil, suspended duruma yol açabilecek başka kodlar da yazıyorsanız sonsuz Suspense’e düşmemeye dikkat etmelisiniz. Biz, 2. maddedeki işleme ek olarak, sebep ne olursa olsun aynı Suspense fallback 10 saniyeden uzun süre render ediliyorsa hata fırlatacak şekilde implementasyonu değiştirdik.