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.
Обеспечивает целостность нулевого несоответствия между HTML, отображаемым на сервере, и деревьями React на стороне клиента. Используйте при отладке ошибок гидратации, исправлении несоответствий текстового содержимого, обработке загрязнения DOM расширения браузера, реализации выборочной гидратации с помощью Suspense, использовании перехватчика use() React 19 для детерминированных мостов данных между сервером и клиентом или применении кэша использования Next.js для предотвращения дрейфа данных. Используйте для несоответствия гидратации, SSR, гидратРут, подавлениеГидратионВарнинг, onRecoverableError, двухпроходный рендеринг. Источник: oakoss/agent-skills.