Berbagi kasus debugging: Menyelesaikan masalah Suspense tak berujung akibat penggunaan IndexedDB yang keliru

Beberapa minggu lalu, produk perusahaan kami mulai banyak menggunakan IndexedDB di frontend. Setelah itu, saya ingin berbagi pengalaman men-debug masalah yang kami hadapi dan yang tidak mudah diselesaikan.

Ringkasan 3 baris

1. Menjaga kondisi di lokasi kejadian sangat penting dalam debugging. Jika Anda memiliki lingkungan tempat masalah dapat direproduksi, jangan disentuh.
2. Saat menggunakan IndexedDB, jika implementasinya dibuat sehingga koneksi baru ditutup hanya ketika sesi diakhiri, maka koneksi tersebut wajib ditutup di event handler blocked dan versionchange.
3. (Berdasarkan React 18 ke atas) Jika Anda menulis kode yang dapat memicu status suspended selain memanggil API, berhati-hatilah agar tidak terjebak dalam Suspense tak berujung. Selain penanganan pada poin 2, kami juga mengubah implementasi agar melempar error jika fallback Suspense yang sama terus dirender selama lebih dari 10 detik, apa pun alasannya.