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

commitSuspenseHydrationCallbacks() — react Function Reference

Architecture documentation for the commitSuspenseHydrationCallbacks() function in ReactFiberCommitWork.js from the react codebase.

Function javascript BabelCompiler Validation called by 2

Entity Profile

Dependency Diagram

graph TD
  90c5704e_45a8_2cca_2db9_01987c87dfd0["commitSuspenseHydrationCallbacks()"]
  e0fbfbd5_47b0_a489_0b36_bbfad9245544["ReactFiberCommitWork.js"]
  90c5704e_45a8_2cca_2db9_01987c87dfd0 -->|defined in| e0fbfbd5_47b0_a489_0b36_bbfad9245544
  ce61aa22_42d2_811a_b317_96c8d0cb0321["commitLayoutEffectOnFiber()"]
  ce61aa22_42d2_811a_b317_96c8d0cb0321 -->|calls| 90c5704e_45a8_2cca_2db9_01987c87dfd0
  1846396a_6bcb_7ad4_8180_1d20ef2960a4["reappearLayoutEffects()"]
  1846396a_6bcb_7ad4_8180_1d20ef2960a4 -->|calls| 90c5704e_45a8_2cca_2db9_01987c87dfd0
  style 90c5704e_45a8_2cca_2db9_01987c87dfd0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberCommitWork.js lines 1865–1899

function commitSuspenseHydrationCallbacks(
  finishedRoot: FiberRoot,
  finishedWork: Fiber,
) {
  if (!supportsHydration) {
    return;
  }
  const newState: SuspenseState | null = finishedWork.memoizedState;
  if (newState === null) {
    const current = finishedWork.alternate;
    if (current !== null) {
      const prevState: SuspenseState | null = current.memoizedState;
      if (prevState !== null) {
        const suspenseInstance = prevState.dehydrated;
        if (suspenseInstance !== null) {
          commitHostHydratedSuspense(suspenseInstance, finishedWork);
          if (enableSuspenseCallback) {
            try {
              // TODO: Delete this feature. It's not properly covered by DEV features.
              const hydrationCallbacks = finishedRoot.hydrationCallbacks;
              if (hydrationCallbacks !== null) {
                const onHydrated = hydrationCallbacks.onHydrated;
                if (onHydrated) {
                  onHydrated(suspenseInstance);
                }
              }
            } catch (error) {
              captureCommitPhaseError(finishedWork, finishedWork.return, error);
            }
          }
        }
      }
    }
  }
}

Domain

Subdomains

Defined In

Called By

Source

Frequently Asked Questions

What does commitSuspenseHydrationCallbacks() do?
commitSuspenseHydrationCallbacks() is a function in the react codebase, defined in packages/react-reconciler/src/ReactFiberCommitWork.js.
Where is commitSuspenseHydrationCallbacks() defined?
commitSuspenseHydrationCallbacks() is defined in packages/react-reconciler/src/ReactFiberCommitWork.js at line 1865.
What calls commitSuspenseHydrationCallbacks()?
commitSuspenseHydrationCallbacks() is called by 2 function(s): commitLayoutEffectOnFiber, reappearLayoutEffects.

Analyze Your Own Codebase

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

Try Supermodel Free