Caso de depuración compartido: resolver un problema de Suspense infinito causado por un uso incorrecto de IndexedDB

Hace unas semanas empezamos a usar mucho IndexedDB en el frontend del producto de la empresa. Comparto la experiencia de depuración de un problema con el que nos topamos después y que no fue fácil de resolver.

Resumen en 3 líneas

1. Preservar la escena es muy importante para depurar. Si tienes un entorno donde el problema se reproduce, no lo toques.
2. Al usar IndexedDB, si lo implementaste de forma que la conexión solo se cierre al terminar la sesión, debes cerrar la conexión obligatoriamente en los handlers de los eventos blocked y versionchange.
3. (Desde React 18 en adelante) Si además de llamar APIs estás escribiendo código que puede provocar un estado suspended, ten cuidado de no caer en un Suspense infinito. Además del manejo del punto 2, nosotros cambiamos la implementación para lanzar un error si, sin importar la causa, el mismo fallback de Suspense sigue renderizándose por más de 10 segundos.