warnIfUnhydratedTailNodes() — react Function Reference

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

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ warnIfUnhydratedTailNodes() — react Function Reference

Dependency Diagram

graph TD
  7c2189dd_f0c5_03ea_484b_2da399ad0e70["warnIfUnhydratedTailNodes()"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128["ReactFiberHydrationContext.js"]
  7c2189dd_f0c5_03ea_484b_2da399ad0e70 -->|defined in| 4bc7109f_638d_d9f7_bf47_6ec55b2fa128
  b741356a_b031_e7cd_ea5d_ed59f056748d["popHydrationState()"]
  b741356a_b031_e7cd_ea5d_ed59f056748d -->|calls| 7c2189dd_f0c5_03ea_484b_2da399ad0e70
  0a0d4387_d230_00e3_0763_8da5f624b610["buildHydrationDiffNode()"]
  7c2189dd_f0c5_03ea_484b_2da399ad0e70 -->|calls| 0a0d4387_d230_00e3_0763_8da5f624b610
  style 7c2189dd_f0c5_03ea_484b_2da399ad0e70 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberHydrationContext.js lines 808–825

function warnIfUnhydratedTailNodes(fiber: Fiber) {
  if (__DEV__) {
    let nextInstance = nextHydratableInstance;
    while (nextInstance) {
      const diffNode = buildHydrationDiffNode(fiber, 0);
      const description =
        describeHydratableInstanceForDevWarnings(nextInstance);
      diffNode.serverTail.push(description);
      if (description.type === 'Suspense') {
        const suspenseInstance: SuspenseInstance = (nextInstance: any);
        nextInstance =
          getNextHydratableInstanceAfterSuspenseInstance(suspenseInstance);
      } else {
        nextInstance = getNextHydratableSibling(nextInstance);
      }
    }
  }
}