findNotableNode() — react Function Reference

Architecture documentation for the findNotableNode() function in ReactFiberHydrationDiffs.js from the react codebase.

Function javascript BabelCompiler Validation called by 1

Entity Profile

BabelCompiler→ Validation→ findNotableNode() — react Function Reference

Dependency Diagram

graph TD
  99183d88_9741_f0c1_abe0_2b82ac411cdb["findNotableNode()"]
  e98a87b8_beb4_9d09_4d2f_78427872f8a3["ReactFiberHydrationDiffs.js"]
  99183d88_9741_f0c1_abe0_2b82ac411cdb -->|defined in| e98a87b8_beb4_9d09_4d2f_78427872f8a3
  2bddd835_c8df_0f88_d323_52a3495a4bd7["describeNode()"]
  2bddd835_c8df_0f88_d323_52a3495a4bd7 -->|calls| 99183d88_9741_f0c1_abe0_2b82ac411cdb
  style 99183d88_9741_f0c1_abe0_2b82ac411cdb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberHydrationDiffs.js lines 49–65

function findNotableNode(
  node: HydrationDiffNode,
  indent: number,
): HydrationDiffNode {
  if (
    node.serverProps === undefined &&
    node.serverTail.length === 0 &&
    node.children.length === 1 &&
    node.distanceFromLeaf > 3 &&
    node.distanceFromLeaf > idealDepth - indent
  ) {
    // This is not an interesting node for contextual purposes so we can skip it.
    const child = node.children[0];
    return findNotableNode(child, indent);
  }
  return node;
}