tryToClaimNextHydratableInstance() — react Function Reference

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

Function javascript BabelCompiler Validation calls 4 called by 1

Entity Profile

BabelCompiler→ Validation→ tryToClaimNextHydratableInstance() — react Function Reference

Dependency Diagram

graph TD
  ae7022cd_2911_01f4_d595_3b71fd40d093["tryToClaimNextHydratableInstance()"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128["ReactFiberHydrationContext.js"]
  ae7022cd_2911_01f4_d595_3b71fd40d093 -->|defined in| 4bc7109f_638d_d9f7_bf47_6ec55b2fa128
  53f55fda_e2b6_2801_4fbc_525f8828d23d["updateHostRoot()"]
  53f55fda_e2b6_2801_4fbc_525f8828d23d -->|calls| ae7022cd_2911_01f4_d595_3b71fd40d093
  950cf4f4_84e4_d7d6_01b0_f2c00f238dae["getHostContext()"]
  ae7022cd_2911_01f4_d595_3b71fd40d093 -->|calls| 950cf4f4_84e4_d7d6_01b0_f2c00f238dae
  21487635_299a_7954_90ab_2c469023f80b["tryHydrateInstance()"]
  ae7022cd_2911_01f4_d595_3b71fd40d093 -->|calls| 21487635_299a_7954_90ab_2c469023f80b
  4f7485e1_382f_1ae7_7a01_1c81a3bbbdd1["warnNonHydratedInstance()"]
  ae7022cd_2911_01f4_d595_3b71fd40d093 -->|calls| 4f7485e1_382f_1ae7_7a01_1c81a3bbbdd1
  80ab8739_b87f_ce9e_47e3_2b23b5998883["throwOnHydrationMismatch()"]
  ae7022cd_2911_01f4_d595_3b71fd40d093 -->|calls| 80ab8739_b87f_ce9e_47e3_2b23b5998883
  style ae7022cd_2911_01f4_d595_3b71fd40d093 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberHydrationContext.js lines 445–468

function tryToClaimNextHydratableInstance(fiber: Fiber): void {
  if (!isHydrating) {
    return;
  }

  // Validate that this is ok to render here before any mismatches.
  const currentHostContext = getHostContext();
  const shouldKeepWarning = validateHydratableInstance(
    fiber.type,
    fiber.pendingProps,
    currentHostContext,
  );

  const nextInstance = nextHydratableInstance;
  if (
    !nextInstance ||
    !tryHydrateInstance(fiber, nextInstance, currentHostContext)
  ) {
    if (shouldKeepWarning) {
      warnNonHydratedInstance(fiber, nextInstance);
    }
    throwOnHydrationMismatch(fiber);
  }
}