# React Hydration Contract Repair

- id: react-hydration-contract-repair
- type: skill
- category: developer-tooling
- detail: https://agents.proofandstate.com/products/react-hydration-contract-repair

## Summary
Repair hydration races by preserving identical server and first-client snapshots across theme, auth and data providers, then verify the actual browser condition.

## Problem
Arbitrary delays or suppressed warnings can hide provider state changes that make the first client render differ from server HTML, especially on mobile dark routes.

## Core outcomes
- Route and provider-specific mismatch reproduction
- Stable initial React state and matching serialized data
- Correct DOM versus React theme ownership
- Browser evidence across themes, viewports and storage states

## Requirements
- Exact server HTML and client source revision
- Relevant provider initialization and external stores
- Representative failing routes and browser observations
- Repository-native build and browser acceptance checks

## Boundaries
- A longer delay is not a hydration correctness guarantee
- Do not suppress unexpected mismatch warnings as a repair
- Hydrated UI is separate from downstream business acceptance
- DOM ownership must be verified for the actual root

## Tags
- react
- ssr
- hydration
- theme
- browser
- providers

## Canonical source
- repository: AyobamiH/agent-shop-products (main)
- payload path: products/react-hydration-contract-repair/SKILL.md

## Not published
Price, ratings, reviews, sales figures and full PROMPT.md / SKILL.md payload bodies are not published.