Ensures zero-mismatch integrity between server-rendered HTML and client-side React trees. Covers hydration error diagnosis, selective hydration via Suspense boundaries, deterministic data bridges with the React 19 use() hook, 'use cache' for eliminating data drift, two-pass rendering for client-only content, React 19's single-diff hydration error reporting for pinpointing exact mismatches, and automated validation...
When to use: Debugging hydration mismatch errors, fixing text content mismatches, handling browser extension DOM pollution, implementing deterministic data bridges, optimizing SSR/client hydration performance, setting up error monitoring with onRecoverableError.
When NOT to use: Client-only React applications without SSR, static sites without hydration, API-only backends.
Garantit une intégrité sans incompatibilité entre le HTML rendu par le serveur et les arborescences React côté client. À utiliser lors du débogage des erreurs d'hydratation, de la correction des incompatibilités de contenu de texte, de la gestion de la pollution DOM des extensions de navigateur, de la mise en œuvre de l'hydratation sélective avec Suspense, de l'utilisation du hook React 19 use() pour les ponts de données déterministes serveur-client ou de l'application du cache d'utilisation Next.js pour la prévention de la dérive des données. À utiliser pour l'inadéquation d'hydratation, SSR, hydrateRoot, suppressHydrationWarning, onRecoverableError, rendu en deux passes. Source : oakoss/agent-skills.