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.
Garantiza una integridad sin coincidencias entre el HTML renderizado por el servidor y los árboles React del lado del cliente. Úselo al depurar errores de hidratación, corregir discrepancias en el contenido del texto, manejar la contaminación DOM de la extensión del navegador, implementar hidratación selectiva con Suspense, usar el gancho use() de React 19 para puentes de datos deterministas de servidor a cliente o aplicar el uso de caché de Next.js para prevenir la deriva de datos. Úselo para falta de coincidencia de hidratación, SSR, hidratoRoot, suprimirHydrationWarning, onRecoverableError, renderizado de dos pasadas. Fuente: oakoss/agent-skills.