enterHydrationState() — react Function Reference

Architecture documentation for the enterHydrationState() function in ReactFiberHydrationContext.js from the react codebase.

Function javascript BabelCompiler Validation called by 1

Entity Profile

BabelCompiler→ Validation→ enterHydrationState() — react Function Reference

Dependency Diagram

graph TD
  74eacdb2_209e_147d_3ef0_549f29526913["enterHydrationState()"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128["ReactFiberHydrationContext.js"]
  74eacdb2_209e_147d_3ef0_549f29526913 -->|defined in| 4bc7109f_638d_d9f7_bf47_6ec55b2fa128
  53f55fda_e2b6_2801_4fbc_525f8828d23d["updateHostRoot()"]
  53f55fda_e2b6_2801_4fbc_525f8828d23d -->|calls| 74eacdb2_209e_147d_3ef0_549f29526913
  style 74eacdb2_209e_147d_3ef0_549f29526913 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberHydrationContext.js lines 162–178

function enterHydrationState(fiber: Fiber): boolean {
  if (!supportsHydration) {
    return false;
  }

  const parentInstance: Container = fiber.stateNode.containerInfo;
  nextHydratableInstance =
    getFirstHydratableChildWithinContainer(parentInstance);
  hydrationParentFiber = fiber;
  isHydrating = true;
  hydrationErrors = null;
  didSuspendOrErrorDEV = false;
  hydrationDiffRootDEV = null;
  rootOrSingletonContext = true;

  return true;
}