react Architecture Docs
Home / Function/ warnNonHydratedInstance() — react Function Reference

warnNonHydratedInstance() — react Function Reference

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

Function javascript BabelCompiler Validation calls 1 called by 4

Entity Profile

Dependency Diagram

graph TD
  4f7485e1_382f_1ae7_7a01_1c81a3bbbdd1["warnNonHydratedInstance()"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128["ReactFiberHydrationContext.js"]
  4f7485e1_382f_1ae7_7a01_1c81a3bbbdd1 -->|defined in| 4bc7109f_638d_d9f7_bf47_6ec55b2fa128
  ae7022cd_2911_01f4_d595_3b71fd40d093["tryToClaimNextHydratableInstance()"]
  ae7022cd_2911_01f4_d595_3b71fd40d093 -->|calls| 4f7485e1_382f_1ae7_7a01_1c81a3bbbdd1
  ecaf5fc5_68ea_e183_4f16_c8c8eda2023d["tryToClaimNextHydratableTextInstance()"]
  ecaf5fc5_68ea_e183_4f16_c8c8eda2023d -->|calls| 4f7485e1_382f_1ae7_7a01_1c81a3bbbdd1
  55fdf17d_33e7_f55c_d2de_3d6f42a3be84["claimNextHydratableActivityInstance()"]
  55fdf17d_33e7_f55c_d2de_3d6f42a3be84 -->|calls| 4f7485e1_382f_1ae7_7a01_1c81a3bbbdd1
  063d3886_b682_bfe4_3526_2efd080da924["claimNextHydratableSuspenseInstance()"]
  063d3886_b682_bfe4_3526_2efd080da924 -->|calls| 4f7485e1_382f_1ae7_7a01_1c81a3bbbdd1
  0a0d4387_d230_00e3_0763_8da5f624b610["buildHydrationDiffNode()"]
  4f7485e1_382f_1ae7_7a01_1c81a3bbbdd1 -->|calls| 0a0d4387_d230_00e3_0763_8da5f624b610
  style 4f7485e1_382f_1ae7_7a01_1c81a3bbbdd1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberHydrationContext.js lines 224–246

function warnNonHydratedInstance(
  fiber: Fiber,
  rejectedCandidate: null | HydratableInstance,
) {
  if (__DEV__) {
    if (didSuspendOrErrorDEV) {
      // Inside a boundary that already suspended. We're currently rendering the
      // siblings of a suspended node. The mismatch may be due to the missing
      // data, so it's probably a false positive.
      return;
    }

    // Add this fiber to the diff tree.
    const diffNode = buildHydrationDiffNode(fiber, 0);
    // We use null as a signal that there was no node to match.
    diffNode.serverProps = null;
    if (rejectedCandidate !== null) {
      const description =
        describeHydratableInstanceForDevWarnings(rejectedCandidate);
      diffNode.serverTail.push(description);
    }
  }
}

Domain

Subdomains

Defined In

Calls

Called By

Source

Frequently Asked Questions

What does warnNonHydratedInstance() do?
warnNonHydratedInstance() is a function in the react codebase, defined in packages/react-reconciler/src/ReactFiberHydrationContext.js.
Where is warnNonHydratedInstance() defined?
warnNonHydratedInstance() is defined in packages/react-reconciler/src/ReactFiberHydrationContext.js at line 224.
What does warnNonHydratedInstance() call?
warnNonHydratedInstance() calls 1 function(s): buildHydrationDiffNode.
What calls warnNonHydratedInstance()?
warnNonHydratedInstance() is called by 4 function(s): claimNextHydratableActivityInstance, claimNextHydratableSuspenseInstance, tryToClaimNextHydratableInstance, tryToClaimNextHydratableTextInstance.

Analyze Your Own Codebase

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

Try Supermodel Free