Home / Function/ tryHydrateActivity() — react Function Reference

tryHydrateActivity() — react Function Reference

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

Entity Profile

Dependency Diagram

graph TD
  67d50bfd_1cdb_9ede_44a6_26e0f57c7838["tryHydrateActivity()"]
  4bc7109f_638d_d9f7_bf47_6ec55b2fa128["ReactFiberHydrationContext.js"]
  67d50bfd_1cdb_9ede_44a6_26e0f57c7838 -->|defined in| 4bc7109f_638d_d9f7_bf47_6ec55b2fa128
  55fdf17d_33e7_f55c_d2de_3d6f42a3be84["claimNextHydratableActivityInstance()"]
  55fdf17d_33e7_f55c_d2de_3d6f42a3be84 -->|calls| 67d50bfd_1cdb_9ede_44a6_26e0f57c7838
  style 67d50bfd_1cdb_9ede_44a6_26e0f57c7838 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberHydrationContext.js lines 304–335

function tryHydrateActivity(
  fiber: Fiber,
  nextInstance: any,
): null | ActivityInstance {
  // fiber is a ActivityComponent Fiber
  const activityInstance = canHydrateActivityInstance(
    nextInstance,
    rootOrSingletonContext,
  );
  if (activityInstance !== null) {
    const activityState: ActivityState = {
      dehydrated: activityInstance,
      treeContext: getSuspendedTreeContext(),
      retryLane: OffscreenLane,
      hydrationErrors: null,
    };
    fiber.memoizedState = activityState;
    // Store the dehydrated fragment as a child fiber.
    // This simplifies the code for getHostSibling and deleting nodes,
    // since it doesn't have to consider all Suspense boundaries and
    // check if they're dehydrated ones or not.
    const dehydratedFragment =
      createFiberFromDehydratedFragment(activityInstance);
    dehydratedFragment.return = fiber;
    fiber.child = dehydratedFragment;
    hydrationParentFiber = fiber;
    // While an Activity Instance does have children, we won't step into
    // it during the first pass. Instead, we'll reenter it later.
    nextHydratableInstance = null;
  }
  return activityInstance;
}

Domain

Subdomains

Frequently Asked Questions

What does tryHydrateActivity() do?
tryHydrateActivity() is a function in the react codebase, defined in packages/react-reconciler/src/ReactFiberHydrationContext.js.
Where is tryHydrateActivity() defined?
tryHydrateActivity() is defined in packages/react-reconciler/src/ReactFiberHydrationContext.js at line 304.
What calls tryHydrateActivity()?
tryHydrateActivity() is called by 1 function(s): claimNextHydratableActivityInstance.

Analyze Your Own Codebase

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

Try Supermodel Free