tryHydrateInstance() — react Function Reference

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

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ tryHydrateInstance() — react Function Reference

Dependency Diagram

graph TD
  21487635_299a_7954_90ab_2c469023f80b["tryHydrateInstance()"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128["ReactFiberHydrationContext.js"]
  21487635_299a_7954_90ab_2c469023f80b -->|defined in| 4bc7109f_638d_d9f7_bf47_6ec55b2fa128
  ae7022cd_2911_01f4_d595_3b71fd40d093["tryToClaimNextHydratableInstance()"]
  ae7022cd_2911_01f4_d595_3b71fd40d093 -->|calls| 21487635_299a_7954_90ab_2c469023f80b
  0a0d4387_d230_00e3_0763_8da5f624b610["buildHydrationDiffNode()"]
  21487635_299a_7954_90ab_2c469023f80b -->|calls| 0a0d4387_d230_00e3_0763_8da5f624b610
  style 21487635_299a_7954_90ab_2c469023f80b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberHydrationContext.js lines 248–284

function tryHydrateInstance(
  fiber: Fiber,
  nextInstance: any,
  hostContext: HostContext,
) {
  // fiber is a HostComponent Fiber
  const instance = canHydrateInstance(
    nextInstance,
    fiber.type,
    fiber.pendingProps,
    rootOrSingletonContext,
  );
  if (instance !== null) {
    fiber.stateNode = (instance: Instance);

    if (__DEV__) {
      if (!didSuspendOrErrorDEV) {
        const differences = diffHydratedPropsForDevWarnings(
          instance,
          fiber.type,
          fiber.pendingProps,
          hostContext,
        );
        if (differences !== null) {
          const diffNode = buildHydrationDiffNode(fiber, 0);
          diffNode.serverProps = differences;
        }
      }
    }

    hydrationParentFiber = fiber;
    nextHydratableInstance = getFirstHydratableChild(instance);
    rootOrSingletonContext = false;
    return true;
  }
  return false;
}