react-dom 19.3.0-canary-ead92181-20251010 → 19.3.0-canary-56e84692-20251014

package/cjs/react-dom-profiling.development.js

@@ -4314,7 +4314,8 @@
                 reusableComponentOptions
               )
             )
-          : performance.measure(trigger, reusableComponentOptions));
+          : performance.measure(trigger, reusableComponentOptions),
+        performance.clearMeasures(trigger));
     }
     function logComponentReappeared(fiber, startTime, endTime) {
       logComponentTrigger(fiber, startTime, endTime, "Reconnect");
@@ -4333,7 +4334,7 @@
         if (null === alternate || alternate.child !== fiber.child)
           for (var child = fiber.child; null !== child; child = child.sibling)
             selfTime -= child.actualDuration;
-        wasHydrated =
+        selfTime =
           0.5 > selfTime
             ? wasHydrated
               ? "tertiary-light"
@@ -4348,46 +4349,65 @@
                   : "primary-dark"
                 : "error";
         var props = fiber.memoizedProps;
-        selfTime = fiber._debugTask;
+        wasHydrated = fiber._debugTask;
         null !== props &&
         null !== alternate &&
         alternate.memoizedProps !== props
-          ? ((child = [resuableChangedPropsEntry]),
+          ? ((child = [reusableChangedPropsEntry]),
             (props = addObjectDiffToProperties(
               alternate.memoizedProps,
               props,
               child,
               0
             )),
-            1 < child.length &&
-              (props &&
-              !alreadyWarnedForDeepEquality &&
-              0 === (alternate.lanes & committedLanes) &&
-              100 < fiber.actualDuration
-                ? ((alreadyWarnedForDeepEquality = !0),
-                  (child[0] = reusableDeeplyEqualPropsEntry),
-                  (reusableComponentDevToolDetails.color = "warning"),
-                  (reusableComponentDevToolDetails.tooltipText =
-                    DEEP_EQUALITY_WARNING))
-                : ((reusableComponentDevToolDetails.color = wasHydrated),
-                  (reusableComponentDevToolDetails.tooltipText = name)),
-              (reusableComponentDevToolDetails.properties = child),
-              (reusableComponentOptions.start = startTime),
-              (reusableComponentOptions.end = endTime),
-              null != selfTime
-                ? selfTime.run(
-                    performance.measure.bind(
-                      performance,
-                      "\u200b" + name,
-                      reusableComponentOptions
+            1 < child.length
+              ? (props &&
+                !alreadyWarnedForDeepEquality &&
+                0 === (alternate.lanes & committedLanes) &&
+                100 < fiber.actualDuration
+                  ? ((alreadyWarnedForDeepEquality = !0),
+                    (child[0] = reusableDeeplyEqualPropsEntry),
+                    (reusableComponentDevToolDetails.color = "warning"),
+                    (reusableComponentDevToolDetails.tooltipText =
+                      DEEP_EQUALITY_WARNING))
+                  : ((reusableComponentDevToolDetails.color = selfTime),
+                    (reusableComponentDevToolDetails.tooltipText = name)),
+                (reusableComponentDevToolDetails.properties = child),
+                (reusableComponentOptions.start = startTime),
+                (reusableComponentOptions.end = endTime),
+                (fiber = "\u200b" + name),
+                null != wasHydrated
+                  ? wasHydrated.run(
+                      performance.measure.bind(
+                        performance,
+                        fiber,
+                        reusableComponentOptions
+                      )
+                    )
+                  : performance.measure(fiber, reusableComponentOptions),
+                performance.clearMeasures(fiber))
+              : null != wasHydrated
+                ? wasHydrated.run(
+                    console.timeStamp.bind(
+                      console,
+                      name,
+                      startTime,
+                      endTime,
+                      COMPONENTS_TRACK,
+                      void 0,
+                      selfTime
                     )
                   )
-                : performance.measure(
-                    "\u200b" + name,
-                    reusableComponentOptions
-                  )))
-          : null != selfTime
-            ? selfTime.run(
+                : console.timeStamp(
+                    name,
+                    startTime,
+                    endTime,
+                    COMPONENTS_TRACK,
+                    void 0,
+                    selfTime
+                  ))
+          : null != wasHydrated
+            ? wasHydrated.run(
                 console.timeStamp.bind(
                   console,
                   name,
@@ -4395,7 +4415,7 @@
                   endTime,
                   COMPONENTS_TRACK,
                   void 0,
-                  wasHydrated
+                  selfTime
                 )
               )
             : console.timeStamp(
@@ -4404,7 +4424,7 @@
                 endTime,
                 COMPONENTS_TRACK,
                 void 0,
-                wasHydrated
+                selfTime
               );
       }
     }
@@ -4451,11 +4471,11 @@
               }
             }
           };
+          name = "\u200b" + name;
           debugTask
-            ? debugTask.run(
-                performance.measure.bind(performance, "\u200b" + name, fiber)
-              )
-            : performance.measure("\u200b" + name, fiber);
+            ? debugTask.run(performance.measure.bind(performance, name, fiber))
+            : performance.measure(name, fiber);
+          performance.clearMeasures(name);
         }
       }
     }
@@ -4492,15 +4512,14 @@
                 }
               }
             };
-            (fiber = fiber._debugTask)
+            fiber = fiber._debugTask;
+            endTime = "\u200b" + name;
+            fiber
               ? fiber.run(
-                  performance.measure.bind(
-                    performance,
-                    "\u200b" + name,
-                    startTime
-                  )
+                  performance.measure.bind(performance, endTime, startTime)
                 )
-              : performance.measure("\u200b" + name, startTime);
+              : performance.measure(endTime, startTime);
+            performance.clearMeasures(endTime);
           }
         }
       } else
@@ -4661,6 +4680,7 @@
               performance.measure.bind(performance, "Recovered", startTime)
             )
           : performance.measure("Recovered", startTime);
+        performance.clearMeasures("Recovered");
       }
     }
     function logErroredRenderPhase(startTime, endTime, lanes, debugTask) {
@@ -4744,6 +4764,7 @@
               performance.measure.bind(performance, "Errored", startTime)
             )
           : performance.measure("Errored", startTime);
+        performance.clearMeasures("Errored");
       }
     }
     function logCommitPhase(
@@ -11111,24 +11132,24 @@
       return current;
     }
     function updateSuspenseComponent(current, workInProgress, renderLanes) {
-      var JSCompiler_object_inline_digest_2981;
-      var JSCompiler_object_inline_stack_2982 = workInProgress.pendingProps;
+      var JSCompiler_object_inline_digest_2982;
+      var JSCompiler_object_inline_stack_2983 = workInProgress.pendingProps;
       shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128);
-      var JSCompiler_object_inline_message_2980 = !1;
+      var JSCompiler_object_inline_message_2981 = !1;
       var didSuspend = 0 !== (workInProgress.flags & 128);
-      (JSCompiler_object_inline_digest_2981 = didSuspend) ||
-        (JSCompiler_object_inline_digest_2981 =
+      (JSCompiler_object_inline_digest_2982 = didSuspend) ||
+        (JSCompiler_object_inline_digest_2982 =
           null !== current && null === current.memoizedState
             ? !1
             : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback));
-      JSCompiler_object_inline_digest_2981 &&
-        ((JSCompiler_object_inline_message_2980 = !0),
+      JSCompiler_object_inline_digest_2982 &&
+        ((JSCompiler_object_inline_message_2981 = !0),
         (workInProgress.flags &= -129));
-      JSCompiler_object_inline_digest_2981 = 0 !== (workInProgress.flags & 32);
+      JSCompiler_object_inline_digest_2982 = 0 !== (workInProgress.flags & 32);
       workInProgress.flags &= -33;
       if (null === current) {
         if (isHydrating) {
-          JSCompiler_object_inline_message_2980
+          JSCompiler_object_inline_message_2981
             ? pushPrimaryTreeSuspenseHandler(workInProgress)
             : reuseSuspenseHandlerOnStack(workInProgress);
           (current = nextHydratableInstance)
@@ -11141,18 +11162,18 @@
                   ? renderLanes
                   : null),
               null !== renderLanes &&
-                ((JSCompiler_object_inline_digest_2981 = {
+                ((JSCompiler_object_inline_digest_2982 = {
                   dehydrated: renderLanes,
                   treeContext: getSuspendedTreeContext(),
                   retryLane: 536870912,
                   hydrationErrors: null
                 }),
                 (workInProgress.memoizedState =
-                  JSCompiler_object_inline_digest_2981),
-                (JSCompiler_object_inline_digest_2981 =
+                  JSCompiler_object_inline_digest_2982),
+                (JSCompiler_object_inline_digest_2982 =
                   createFiberFromDehydratedFragment(renderLanes)),
-                (JSCompiler_object_inline_digest_2981.return = workInProgress),
-                (workInProgress.child = JSCompiler_object_inline_digest_2981),
+                (JSCompiler_object_inline_digest_2982.return = workInProgress),
+                (workInProgress.child = JSCompiler_object_inline_digest_2982),
                 (hydrationParentFiber = workInProgress),
                 (nextHydratableInstance = null)))
             : (renderLanes = null);
@@ -11166,39 +11187,39 @@
             : (workInProgress.lanes = 536870912);
           return null;
         }
-        var nextPrimaryChildren = JSCompiler_object_inline_stack_2982.children;
-        JSCompiler_object_inline_stack_2982 =
-          JSCompiler_object_inline_stack_2982.fallback;
-        if (JSCompiler_object_inline_message_2980) {
+        var nextPrimaryChildren = JSCompiler_object_inline_stack_2983.children;
+        JSCompiler_object_inline_stack_2983 =
+          JSCompiler_object_inline_stack_2983.fallback;
+        if (JSCompiler_object_inline_message_2981) {
           reuseSuspenseHandlerOnStack(workInProgress);
           var mode = workInProgress.mode;
           nextPrimaryChildren = mountWorkInProgressOffscreenFiber(
             { mode: "hidden", children: nextPrimaryChildren },
             mode
           );
-          JSCompiler_object_inline_stack_2982 = createFiberFromFragment(
-            JSCompiler_object_inline_stack_2982,
+          JSCompiler_object_inline_stack_2983 = createFiberFromFragment(
+            JSCompiler_object_inline_stack_2983,
             mode,
             renderLanes,
             null
           );
           nextPrimaryChildren.return = workInProgress;
-          JSCompiler_object_inline_stack_2982.return = workInProgress;
-          nextPrimaryChildren.sibling = JSCompiler_object_inline_stack_2982;
+          JSCompiler_object_inline_stack_2983.return = workInProgress;
+          nextPrimaryChildren.sibling = JSCompiler_object_inline_stack_2983;
           workInProgress.child = nextPrimaryChildren;
-          JSCompiler_object_inline_stack_2982 = workInProgress.child;
-          JSCompiler_object_inline_stack_2982.memoizedState =
+          JSCompiler_object_inline_stack_2983 = workInProgress.child;
+          JSCompiler_object_inline_stack_2983.memoizedState =
             mountSuspenseOffscreenState(renderLanes);
-          JSCompiler_object_inline_stack_2982.childLanes =
+          JSCompiler_object_inline_stack_2983.childLanes =
             getRemainingWorkInPrimaryTree(
               current,
-              JSCompiler_object_inline_digest_2981,
+              JSCompiler_object_inline_digest_2982,
               renderLanes
             );
           workInProgress.memoizedState = SUSPENDED_MARKER;
           return bailoutOffscreenComponent(
             null,
-            JSCompiler_object_inline_stack_2982
+            JSCompiler_object_inline_stack_2983
           );
         }
         pushPrimaryTreeSuspenseHandler(workInProgress);
@@ -11209,8 +11230,8 @@
       }
       var prevState = current.memoizedState;
       if (null !== prevState) {
-        var JSCompiler_object_inline_componentStack_2983 = prevState.dehydrated;
-        if (null !== JSCompiler_object_inline_componentStack_2983) {
+        var JSCompiler_object_inline_componentStack_2984 = prevState.dehydrated;
+        if (null !== JSCompiler_object_inline_componentStack_2984) {
           if (didSuspend)
             workInProgress.flags & 256
               ? (pushPrimaryTreeSuspenseHandler(workInProgress),
@@ -11227,13 +11248,13 @@
                   (workInProgress = null))
                 : (reuseSuspenseHandlerOnStack(workInProgress),
                   (nextPrimaryChildren =
-                    JSCompiler_object_inline_stack_2982.fallback),
+                    JSCompiler_object_inline_stack_2983.fallback),
                   (mode = workInProgress.mode),
-                  (JSCompiler_object_inline_stack_2982 =
+                  (JSCompiler_object_inline_stack_2983 =
                     mountWorkInProgressOffscreenFiber(
                       {
                         mode: "visible",
-                        children: JSCompiler_object_inline_stack_2982.children
+                        children: JSCompiler_object_inline_stack_2983.children
                       },
                       mode
                     )),
@@ -11244,30 +11265,30 @@
                     null
                   )),
                   (nextPrimaryChildren.flags |= 2),
-                  (JSCompiler_object_inline_stack_2982.return = workInProgress),
+                  (JSCompiler_object_inline_stack_2983.return = workInProgress),
                   (nextPrimaryChildren.return = workInProgress),
-                  (JSCompiler_object_inline_stack_2982.sibling =
+                  (JSCompiler_object_inline_stack_2983.sibling =
                     nextPrimaryChildren),
-                  (workInProgress.child = JSCompiler_object_inline_stack_2982),
+                  (workInProgress.child = JSCompiler_object_inline_stack_2983),
                   reconcileChildFibers(
                     workInProgress,
                     current.child,
                     null,
                     renderLanes
                   ),
-                  (JSCompiler_object_inline_stack_2982 = workInProgress.child),
-                  (JSCompiler_object_inline_stack_2982.memoizedState =
+                  (JSCompiler_object_inline_stack_2983 = workInProgress.child),
+                  (JSCompiler_object_inline_stack_2983.memoizedState =
                     mountSuspenseOffscreenState(renderLanes)),
-                  (JSCompiler_object_inline_stack_2982.childLanes =
+                  (JSCompiler_object_inline_stack_2983.childLanes =
                     getRemainingWorkInPrimaryTree(
                       current,
-                      JSCompiler_object_inline_digest_2981,
+                      JSCompiler_object_inline_digest_2982,
                       renderLanes
                     )),
                   (workInProgress.memoizedState = SUSPENDED_MARKER),
                   (workInProgress = bailoutOffscreenComponent(
                     null,
-                    JSCompiler_object_inline_stack_2982
+                    JSCompiler_object_inline_stack_2983
                   )));
           else if (
             (pushPrimaryTreeSuspenseHandler(workInProgress),
@@ -11275,45 +11296,45 @@
             0 !== (renderLanes & 536870912) &&
               markRenderDerivedCause(workInProgress),
             isSuspenseInstanceFallback(
-              JSCompiler_object_inline_componentStack_2983
+              JSCompiler_object_inline_componentStack_2984
             ))
           ) {
-            JSCompiler_object_inline_digest_2981 =
-              JSCompiler_object_inline_componentStack_2983.nextSibling &&
-              JSCompiler_object_inline_componentStack_2983.nextSibling.dataset;
-            if (JSCompiler_object_inline_digest_2981) {
-              nextPrimaryChildren = JSCompiler_object_inline_digest_2981.dgst;
-              var message = JSCompiler_object_inline_digest_2981.msg;
-              mode = JSCompiler_object_inline_digest_2981.stck;
-              var componentStack = JSCompiler_object_inline_digest_2981.cstck;
+            JSCompiler_object_inline_digest_2982 =
+              JSCompiler_object_inline_componentStack_2984.nextSibling &&
+              JSCompiler_object_inline_componentStack_2984.nextSibling.dataset;
+            if (JSCompiler_object_inline_digest_2982) {
+              nextPrimaryChildren = JSCompiler_object_inline_digest_2982.dgst;
+              var message = JSCompiler_object_inline_digest_2982.msg;
+              mode = JSCompiler_object_inline_digest_2982.stck;
+              var componentStack = JSCompiler_object_inline_digest_2982.cstck;
             }
-            JSCompiler_object_inline_message_2980 = message;
-            JSCompiler_object_inline_digest_2981 = nextPrimaryChildren;
-            JSCompiler_object_inline_stack_2982 = mode;
-            JSCompiler_object_inline_componentStack_2983 = componentStack;
-            nextPrimaryChildren = JSCompiler_object_inline_message_2980;
-            mode = JSCompiler_object_inline_componentStack_2983;
+            JSCompiler_object_inline_message_2981 = message;
+            JSCompiler_object_inline_digest_2982 = nextPrimaryChildren;
+            JSCompiler_object_inline_stack_2983 = mode;
+            JSCompiler_object_inline_componentStack_2984 = componentStack;
+            nextPrimaryChildren = JSCompiler_object_inline_message_2981;
+            mode = JSCompiler_object_inline_componentStack_2984;
             nextPrimaryChildren = nextPrimaryChildren
               ? Error(nextPrimaryChildren)
               : Error(
                   "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
                 );
             nextPrimaryChildren.stack =
-              JSCompiler_object_inline_stack_2982 || "";
-            nextPrimaryChildren.digest = JSCompiler_object_inline_digest_2981;
-            JSCompiler_object_inline_digest_2981 =
+              JSCompiler_object_inline_stack_2983 || "";
+            nextPrimaryChildren.digest = JSCompiler_object_inline_digest_2982;
+            JSCompiler_object_inline_digest_2982 =
               void 0 === mode ? null : mode;
-            JSCompiler_object_inline_stack_2982 = {
+            JSCompiler_object_inline_stack_2983 = {
               value: nextPrimaryChildren,
               source: null,
-              stack: JSCompiler_object_inline_digest_2981
+              stack: JSCompiler_object_inline_digest_2982
             };
-            "string" === typeof JSCompiler_object_inline_digest_2981 &&
+            "string" === typeof JSCompiler_object_inline_digest_2982 &&
               CapturedStacks.set(
                 nextPrimaryChildren,
-                JSCompiler_object_inline_stack_2982
+                JSCompiler_object_inline_stack_2983
               );
-            queueHydrationError(JSCompiler_object_inline_stack_2982);
+            queueHydrationError(JSCompiler_object_inline_stack_2983);
             workInProgress = retrySuspenseComponentWithoutHydrating(
               current,
               workInProgress,
@@ -11327,35 +11348,35 @@
                 renderLanes,
                 !1
               ),
-            (JSCompiler_object_inline_digest_2981 =
+            (JSCompiler_object_inline_digest_2982 =
               0 !== (renderLanes & current.childLanes)),
-            didReceiveUpdate || JSCompiler_object_inline_digest_2981)
+            didReceiveUpdate || JSCompiler_object_inline_digest_2982)
           ) {
-            JSCompiler_object_inline_digest_2981 = workInProgressRoot;
+            JSCompiler_object_inline_digest_2982 = workInProgressRoot;
             if (
-              null !== JSCompiler_object_inline_digest_2981 &&
-              ((JSCompiler_object_inline_stack_2982 = getBumpedLaneForHydration(
-                JSCompiler_object_inline_digest_2981,
+              null !== JSCompiler_object_inline_digest_2982 &&
+              ((JSCompiler_object_inline_stack_2983 = getBumpedLaneForHydration(
+                JSCompiler_object_inline_digest_2982,
                 renderLanes
               )),
-              0 !== JSCompiler_object_inline_stack_2982 &&
-                JSCompiler_object_inline_stack_2982 !== prevState.retryLane)
+              0 !== JSCompiler_object_inline_stack_2983 &&
+                JSCompiler_object_inline_stack_2983 !== prevState.retryLane)
             )
               throw (
-                ((prevState.retryLane = JSCompiler_object_inline_stack_2982),
+                ((prevState.retryLane = JSCompiler_object_inline_stack_2983),
                 enqueueConcurrentRenderForLane(
                   current,
-                  JSCompiler_object_inline_stack_2982
+                  JSCompiler_object_inline_stack_2983
                 ),
                 scheduleUpdateOnFiber(
-                  JSCompiler_object_inline_digest_2981,
+                  JSCompiler_object_inline_digest_2982,
                   current,
-                  JSCompiler_object_inline_stack_2982
+                  JSCompiler_object_inline_stack_2983
                 ),
                 SelectiveHydrationException)
               );
             isSuspenseInstancePending(
-              JSCompiler_object_inline_componentStack_2983
+              JSCompiler_object_inline_componentStack_2984
             ) || renderDidSuspendDelayIfPossible();
             workInProgress = retrySuspenseComponentWithoutHydrating(
               current,
@@ -11364,14 +11385,14 @@
             );
           } else
             isSuspenseInstancePending(
-              JSCompiler_object_inline_componentStack_2983
+              JSCompiler_object_inline_componentStack_2984
             )
               ? ((workInProgress.flags |= 192),
                 (workInProgress.child = current.child),
                 (workInProgress = null))
               : ((current = prevState.treeContext),
                 (nextHydratableInstance = getNextHydratable(
-                  JSCompiler_object_inline_componentStack_2983.nextSibling
+                  JSCompiler_object_inline_componentStack_2984.nextSibling
                 )),
                 (hydrationParentFiber = workInProgress),
                 (isHydrating = !0),
@@ -11383,32 +11404,32 @@
                   restoreSuspendedTreeContext(workInProgress, current),
                 (workInProgress = mountSuspensePrimaryChildren(
                   workInProgress,
-                  JSCompiler_object_inline_stack_2982.children
+                  JSCompiler_object_inline_stack_2983.children
                 )),
                 (workInProgress.flags |= 4096));
           return workInProgress;
         }
       }
-      if (JSCompiler_object_inline_message_2980)
+      if (JSCompiler_object_inline_message_2981)
         return (
           reuseSuspenseHandlerOnStack(workInProgress),
-          (nextPrimaryChildren = JSCompiler_object_inline_stack_2982.fallback),
+          (nextPrimaryChildren = JSCompiler_object_inline_stack_2983.fallback),
           (mode = workInProgress.mode),
           (componentStack = current.child),
-          (JSCompiler_object_inline_componentStack_2983 =
+          (JSCompiler_object_inline_componentStack_2984 =
             componentStack.sibling),
-          (JSCompiler_object_inline_stack_2982 = createWorkInProgress(
+          (JSCompiler_object_inline_stack_2983 = createWorkInProgress(
             componentStack,
             {
               mode: "hidden",
-              children: JSCompiler_object_inline_stack_2982.children
+              children: JSCompiler_object_inline_stack_2983.children
             }
           )),
-          (JSCompiler_object_inline_stack_2982.subtreeFlags =
+          (JSCompiler_object_inline_stack_2983.subtreeFlags =
             componentStack.subtreeFlags & 65011712),
-          null !== JSCompiler_object_inline_componentStack_2983
+          null !== JSCompiler_object_inline_componentStack_2984
             ? (nextPrimaryChildren = createWorkInProgress(
-                JSCompiler_object_inline_componentStack_2983,
+                JSCompiler_object_inline_componentStack_2984,
                 nextPrimaryChildren
               ))
             : ((nextPrimaryChildren = createFiberFromFragment(
@@ -11419,11 +11440,11 @@
               )),
               (nextPrimaryChildren.flags |= 2)),
           (nextPrimaryChildren.return = workInProgress),
-          (JSCompiler_object_inline_stack_2982.return = workInProgress),
-          (JSCompiler_object_inline_stack_2982.sibling = nextPrimaryChildren),
-          (workInProgress.child = JSCompiler_object_inline_stack_2982),
-          bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_2982),
-          (JSCompiler_object_inline_stack_2982 = workInProgress.child),
+          (JSCompiler_object_inline_stack_2983.return = workInProgress),
+          (JSCompiler_object_inline_stack_2983.sibling = nextPrimaryChildren),
+          (workInProgress.child = JSCompiler_object_inline_stack_2983),
+          bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_2983),
+          (JSCompiler_object_inline_stack_2983 = workInProgress.child),
           (nextPrimaryChildren = current.child.memoizedState),
           null === nextPrimaryChildren
             ? (nextPrimaryChildren = mountSuspenseOffscreenState(renderLanes))
@@ -11439,18 +11460,18 @@
                 baseLanes: nextPrimaryChildren.baseLanes | renderLanes,
                 cachePool: mode
               })),
-          (JSCompiler_object_inline_stack_2982.memoizedState =
+          (JSCompiler_object_inline_stack_2983.memoizedState =
             nextPrimaryChildren),
-          (JSCompiler_object_inline_stack_2982.childLanes =
+          (JSCompiler_object_inline_stack_2983.childLanes =
             getRemainingWorkInPrimaryTree(
               current,
-              JSCompiler_object_inline_digest_2981,
+              JSCompiler_object_inline_digest_2982,
               renderLanes
             )),
           (workInProgress.memoizedState = SUSPENDED_MARKER),
           bailoutOffscreenComponent(
             current.child,
-            JSCompiler_object_inline_stack_2982
+            JSCompiler_object_inline_stack_2983
           )
         );
       null !== prevState &&
@@ -11462,16 +11483,16 @@
       current = renderLanes.sibling;
       renderLanes = createWorkInProgress(renderLanes, {
         mode: "visible",
-        children: JSCompiler_object_inline_stack_2982.children
+        children: JSCompiler_object_inline_stack_2983.children
       });
       renderLanes.return = workInProgress;
       renderLanes.sibling = null;
       null !== current &&
-        ((JSCompiler_object_inline_digest_2981 = workInProgress.deletions),
-        null === JSCompiler_object_inline_digest_2981
+        ((JSCompiler_object_inline_digest_2982 = workInProgress.deletions),
+        null === JSCompiler_object_inline_digest_2982
           ? ((workInProgress.deletions = [current]),
             (workInProgress.flags |= 16))
-          : JSCompiler_object_inline_digest_2981.push(current));
+          : JSCompiler_object_inline_digest_2982.push(current));
       workInProgress.child = renderLanes;
       workInProgress.memoizedState = null;
       return renderLanes;
@@ -14786,6 +14807,8 @@
           flags = finishedWork.flags;
         switch (finishedWork.tag) {
           case 0:
+          case 11:
+          case 15:
             if (
               0 !== (flags & 4) &&
               ((isViewTransitionEligible = finishedWork.updateQueue),
@@ -14803,9 +14826,6 @@
                 (current = isViewTransitionEligible[finishedWork]),
                   (current.ref.impl = current.nextImpl);
             break;
-          case 11:
-          case 15:
-            break;
           case 1:
             0 !== (flags & 1024) &&
               null !== current &&
@@ -15770,7 +15790,10 @@
             );
           break;
         case 5:
+          hoistableRoot = offscreenDirectParentIsHidden;
+          offscreenDirectParentIsHidden = !1;
           recursivelyTraverseMutationEffects(root, finishedWork, lanes);
+          offscreenDirectParentIsHidden = hoistableRoot;
           commitReconciliationEffects(finishedWork);
           flags & 512 &&
             (offscreenSubtreeWasHidden ||
@@ -15900,13 +15923,17 @@
           hoistableRoot = null !== finishedWork.memoizedState;
           var wasHidden = null !== current && null !== current.memoizedState,
             prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden,
-            prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden;
+            prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden,
+            _prevOffscreenDirectParentIsHidden = offscreenDirectParentIsHidden;
           offscreenSubtreeIsHidden =
             prevOffscreenSubtreeIsHidden || hoistableRoot;
+          offscreenDirectParentIsHidden =
+            _prevOffscreenDirectParentIsHidden || hoistableRoot;
           offscreenSubtreeWasHidden =
             prevOffscreenSubtreeWasHidden || wasHidden;
           recursivelyTraverseMutationEffects(root, finishedWork, lanes);
           offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
+          offscreenDirectParentIsHidden = _prevOffscreenDirectParentIsHidden;
           offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
           wasHidden &&
             !hoistableRoot &&
@@ -15922,33 +15949,31 @@
               componentEffectEndTime
             );
           commitReconciliationEffects(finishedWork);
-          if (flags & 8192)
-            a: for (
-              root = finishedWork.stateNode,
-                root._visibility = hoistableRoot
-                  ? root._visibility & ~OffscreenVisible
-                  : root._visibility | OffscreenVisible,
-                !hoistableRoot ||
-                  null === current ||
-                  wasHidden ||
-                  offscreenSubtreeIsHidden ||
-                  offscreenSubtreeWasHidden ||
-                  (recursivelyTraverseDisappearLayoutEffects(finishedWork),
-                  (finishedWork.mode & ProfileMode) !== NoMode &&
-                    0 <= componentEffectStartTime &&
-                    0 <= componentEffectEndTime &&
-                    0.05 < componentEffectEndTime - componentEffectStartTime &&
-                    logComponentTrigger(
-                      finishedWork,
-                      componentEffectStartTime,
-                      componentEffectEndTime,
-                      "Disconnect"
-                    )),
-                current = null,
-                root = finishedWork;
-              ;
-
-            ) {
+          if (
+            flags & 8192 &&
+            ((root = finishedWork.stateNode),
+            (root._visibility = hoistableRoot
+              ? root._visibility & ~OffscreenVisible
+              : root._visibility | OffscreenVisible),
+            !hoistableRoot ||
+              null === current ||
+              wasHidden ||
+              offscreenSubtreeIsHidden ||
+              offscreenSubtreeWasHidden ||
+              (recursivelyTraverseDisappearLayoutEffects(finishedWork),
+              (finishedWork.mode & ProfileMode) !== NoMode &&
+                0 <= componentEffectStartTime &&
+                0 <= componentEffectEndTime &&
+                0.05 < componentEffectEndTime - componentEffectStartTime &&
+                logComponentTrigger(
+                  finishedWork,
+                  componentEffectStartTime,
+                  componentEffectEndTime,
+                  "Disconnect"
+                )),
+            hoistableRoot || !offscreenDirectParentIsHidden)
+          )
+            a: for (current = null, root = finishedWork; ; ) {
               if (5 === root.tag || 26 === root.tag) {
                 if (null === current) {
                   lanes = current = root;
@@ -18352,7 +18377,8 @@
                     previousRenderStartTime
                   )
                 )
-              : performance.measure(isSpawnedUpdate, previousRenderStartTime));
+              : performance.measure(isSpawnedUpdate, previousRenderStartTime),
+            performance.clearMeasures(isSpawnedUpdate));
         }
         blockingUpdateTime = -1.1;
         blockingUpdateType = 0;
@@ -18489,7 +18515,8 @@
                     previousRenderStartTime
                   )
                 )
-              : performance.measure(debugTask, previousRenderStartTime))),
+              : performance.measure(debugTask, previousRenderStartTime),
+            performance.clearMeasures(debugTask))),
         (transitionUpdateTime = transitionStartTime = -1.1),
         (transitionUpdateType = 0),
         (transitionSuspendedTime = -1.1),
@@ -27566,7 +27593,7 @@
         end: -0,
         detail: { devtools: reusableComponentDevToolDetails }
       },
-      resuableChangedPropsEntry = ["Changed Props", ""],
+      reusableChangedPropsEntry = ["Changed Props", ""],
       DEEP_EQUALITY_WARNING =
         "This component received deeply equal props. It might benefit from useMemo or the React Compiler in its owner.",
       reusableDeeplyEqualPropsEntry = ["Changed Props", DEEP_EQUALITY_WARNING],
@@ -29319,6 +29346,7 @@
       didWarnAboutName = {},
       offscreenSubtreeIsHidden = !1,
       offscreenSubtreeWasHidden = !1,
+      offscreenDirectParentIsHidden = !1,
       needsFormReset = !1,
       PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set,
       nextEffect = null,
@@ -30327,11 +30355,11 @@
     };
     (function () {
       var isomorphicReactPackageVersion = React.version;
-      if ("19.3.0-canary-ead92181-20251010" !== isomorphicReactPackageVersion)
+      if ("19.3.0-canary-56e84692-20251014" !== isomorphicReactPackageVersion)
         throw Error(
           'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
             (isomorphicReactPackageVersion +
-              "\n  - react-dom:  19.3.0-canary-ead92181-20251010\nLearn more: https://react.dev/warnings/version-mismatch")
+              "\n  - react-dom:  19.3.0-canary-56e84692-20251014\nLearn more: https://react.dev/warnings/version-mismatch")
         );
     })();
     ("function" === typeof Map &&
@@ -30368,10 +30396,10 @@
       !(function () {
         var internals = {
           bundleType: 1,
-          version: "19.3.0-canary-ead92181-20251010",
+          version: "19.3.0-canary-56e84692-20251014",
           rendererPackageName: "react-dom",
           currentDispatcherRef: ReactSharedInternals,
-          reconcilerVersion: "19.3.0-canary-ead92181-20251010"
+          reconcilerVersion: "19.3.0-canary-56e84692-20251014"
         };
         internals.overrideHookState = overrideHookState;
         internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -30839,7 +30867,7 @@
     exports.useFormStatus = function () {
       return resolveDispatcher().useHostTransitionStatus();
     };
-    exports.version = "19.3.0-canary-ead92181-20251010";
+    exports.version = "19.3.0-canary-56e84692-20251014";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&