Retour d’expérience de débogage : résoudre un problème de Suspense infini causé par une mauvaise utilisation d’IndexedDB

Depuis quelques semaines, nous avons commencé à utiliser massivement IndexedDB dans le front-end de notre produit. Je partage ici une expérience de débogage d’un problème auquel nous nous sommes heurtés ensuite et qui n’a pas été simple à résoudre.

Résumé en 3 points

1. Préserver la scène est extrêmement important pour le débogage. Si vous disposez d’un environnement où le problème se reproduit, ne le touchez pas.
2. Lors de l’utilisation d’IndexedDB, si l’implémentation est telle que la connexion ne se ferme qu’à la fin de la session, il faut impérativement fermer la connexion dans les gestionnaires d’événements blocked et versionchange.
3. (À partir de React 18) Si vous écrivez du code susceptible de provoquer un état suspended autrement qu’en appelant une API, faites attention à ne pas tomber dans un Suspense infini. En plus du traitement du point 2, nous avons modifié l’implémentation pour lancer une erreur si, quelle qu’en soit la raison, le même fallback de Suspense continue d’être rendu pendant plus de 10 secondes.