Home / Function/ tryToClaimNextHydratableTextInstance() — react Function Reference

tryToClaimNextHydratableTextInstance() — react Function Reference

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

Entity Profile

Dependency Diagram

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

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberHydrationContext.js lines 470–488

function tryToClaimNextHydratableTextInstance(fiber: Fiber): void {
  if (!isHydrating) {
    return;
  }
  const text = fiber.pendingProps;

  let shouldKeepWarning = true;
  // Validate that this is ok to render here before any mismatches.
  const currentHostContext = getHostContext();
  shouldKeepWarning = validateHydratableTextInstance(text, currentHostContext);

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

Domain

Subdomains

Called By

Frequently Asked Questions

What does tryToClaimNextHydratableTextInstance() do?
tryToClaimNextHydratableTextInstance() is a function in the react codebase, defined in packages/react-reconciler/src/ReactFiberHydrationContext.js.
Where is tryToClaimNextHydratableTextInstance() defined?
tryToClaimNextHydratableTextInstance() is defined in packages/react-reconciler/src/ReactFiberHydrationContext.js at line 470.
What does tryToClaimNextHydratableTextInstance() call?
tryToClaimNextHydratableTextInstance() calls 4 function(s): getHostContext, throwOnHydrationMismatch, tryHydrateText, warnNonHydratedInstance.
What calls tryToClaimNextHydratableTextInstance()?
tryToClaimNextHydratableTextInstance() is called by 1 function(s): updateHostRoot.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free