react-dom 19.3.0-canary-c9ddee7e-20251031 → 19.3.0-canary-561ee24d-20251101

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

@@ -7823,10 +7823,7 @@
             return node;
         } else if (
           19 === node.tag &&
-          ("forwards" === node.memoizedProps.revealOrder ||
-            "backwards" === node.memoizedProps.revealOrder ||
-            "unstable_legacy-backwards" === node.memoizedProps.revealOrder ||
-            "together" === node.memoizedProps.revealOrder)
+          "independent" !== node.memoizedProps.revealOrder
         ) {
           if (0 !== (node.flags & 128)) return node;
         } else if (null !== node.child) {
@@ -11124,24 +11121,24 @@
       return current;
     }
     function updateSuspenseComponent(current, workInProgress, renderLanes) {
-      var JSCompiler_object_inline_digest_2977;
-      var JSCompiler_object_inline_stack_2978 = workInProgress.pendingProps;
+      var JSCompiler_object_inline_digest_2972;
+      var JSCompiler_object_inline_stack_2973 = workInProgress.pendingProps;
       shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128);
-      var JSCompiler_object_inline_message_2976 = !1;
+      var JSCompiler_object_inline_message_2971 = !1;
       var didSuspend = 0 !== (workInProgress.flags & 128);
-      (JSCompiler_object_inline_digest_2977 = didSuspend) ||
-        (JSCompiler_object_inline_digest_2977 =
+      (JSCompiler_object_inline_digest_2972 = didSuspend) ||
+        (JSCompiler_object_inline_digest_2972 =
           null !== current && null === current.memoizedState
             ? !1
             : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback));
-      JSCompiler_object_inline_digest_2977 &&
-        ((JSCompiler_object_inline_message_2976 = !0),
+      JSCompiler_object_inline_digest_2972 &&
+        ((JSCompiler_object_inline_message_2971 = !0),
         (workInProgress.flags &= -129));
-      JSCompiler_object_inline_digest_2977 = 0 !== (workInProgress.flags & 32);
+      JSCompiler_object_inline_digest_2972 = 0 !== (workInProgress.flags & 32);
       workInProgress.flags &= -33;
       if (null === current) {
         if (isHydrating) {
-          JSCompiler_object_inline_message_2976
+          JSCompiler_object_inline_message_2971
             ? pushPrimaryTreeSuspenseHandler(workInProgress)
             : reuseSuspenseHandlerOnStack(workInProgress);
           (current = nextHydratableInstance)
@@ -11154,18 +11151,18 @@
                   ? renderLanes
                   : null),
               null !== renderLanes &&
-                ((JSCompiler_object_inline_digest_2977 = {
+                ((JSCompiler_object_inline_digest_2972 = {
                   dehydrated: renderLanes,
                   treeContext: getSuspendedTreeContext(),
                   retryLane: 536870912,
                   hydrationErrors: null
                 }),
                 (workInProgress.memoizedState =
-                  JSCompiler_object_inline_digest_2977),
-                (JSCompiler_object_inline_digest_2977 =
+                  JSCompiler_object_inline_digest_2972),
+                (JSCompiler_object_inline_digest_2972 =
                   createFiberFromDehydratedFragment(renderLanes)),
-                (JSCompiler_object_inline_digest_2977.return = workInProgress),
-                (workInProgress.child = JSCompiler_object_inline_digest_2977),
+                (JSCompiler_object_inline_digest_2972.return = workInProgress),
+                (workInProgress.child = JSCompiler_object_inline_digest_2972),
                 (hydrationParentFiber = workInProgress),
                 (nextHydratableInstance = null)))
             : (renderLanes = null);
@@ -11179,39 +11176,39 @@
             : (workInProgress.lanes = 536870912);
           return null;
         }
-        var nextPrimaryChildren = JSCompiler_object_inline_stack_2978.children;
-        JSCompiler_object_inline_stack_2978 =
-          JSCompiler_object_inline_stack_2978.fallback;
-        if (JSCompiler_object_inline_message_2976) {
+        var nextPrimaryChildren = JSCompiler_object_inline_stack_2973.children;
+        JSCompiler_object_inline_stack_2973 =
+          JSCompiler_object_inline_stack_2973.fallback;
+        if (JSCompiler_object_inline_message_2971) {
           reuseSuspenseHandlerOnStack(workInProgress);
           var mode = workInProgress.mode;
           nextPrimaryChildren = mountWorkInProgressOffscreenFiber(
             { mode: "hidden", children: nextPrimaryChildren },
             mode
           );
-          JSCompiler_object_inline_stack_2978 = createFiberFromFragment(
-            JSCompiler_object_inline_stack_2978,
+          JSCompiler_object_inline_stack_2973 = createFiberFromFragment(
+            JSCompiler_object_inline_stack_2973,
             mode,
             renderLanes,
             null
           );
           nextPrimaryChildren.return = workInProgress;
-          JSCompiler_object_inline_stack_2978.return = workInProgress;
-          nextPrimaryChildren.sibling = JSCompiler_object_inline_stack_2978;
+          JSCompiler_object_inline_stack_2973.return = workInProgress;
+          nextPrimaryChildren.sibling = JSCompiler_object_inline_stack_2973;
           workInProgress.child = nextPrimaryChildren;
-          JSCompiler_object_inline_stack_2978 = workInProgress.child;
-          JSCompiler_object_inline_stack_2978.memoizedState =
+          JSCompiler_object_inline_stack_2973 = workInProgress.child;
+          JSCompiler_object_inline_stack_2973.memoizedState =
             mountSuspenseOffscreenState(renderLanes);
-          JSCompiler_object_inline_stack_2978.childLanes =
+          JSCompiler_object_inline_stack_2973.childLanes =
             getRemainingWorkInPrimaryTree(
               current,
-              JSCompiler_object_inline_digest_2977,
+              JSCompiler_object_inline_digest_2972,
               renderLanes
             );
           workInProgress.memoizedState = SUSPENDED_MARKER;
           return bailoutOffscreenComponent(
             null,
-            JSCompiler_object_inline_stack_2978
+            JSCompiler_object_inline_stack_2973
           );
         }
         pushPrimaryTreeSuspenseHandler(workInProgress);
@@ -11222,8 +11219,8 @@
       }
       var prevState = current.memoizedState;
       if (null !== prevState) {
-        var JSCompiler_object_inline_componentStack_2979 = prevState.dehydrated;
-        if (null !== JSCompiler_object_inline_componentStack_2979) {
+        var JSCompiler_object_inline_componentStack_2974 = prevState.dehydrated;
+        if (null !== JSCompiler_object_inline_componentStack_2974) {
           if (didSuspend)
             workInProgress.flags & 256
               ? (pushPrimaryTreeSuspenseHandler(workInProgress),
@@ -11240,13 +11237,13 @@
                   (workInProgress = null))
                 : (reuseSuspenseHandlerOnStack(workInProgress),
                   (nextPrimaryChildren =
-                    JSCompiler_object_inline_stack_2978.fallback),
+                    JSCompiler_object_inline_stack_2973.fallback),
                   (mode = workInProgress.mode),
-                  (JSCompiler_object_inline_stack_2978 =
+                  (JSCompiler_object_inline_stack_2973 =
                     mountWorkInProgressOffscreenFiber(
                       {
                         mode: "visible",
-                        children: JSCompiler_object_inline_stack_2978.children
+                        children: JSCompiler_object_inline_stack_2973.children
                       },
                       mode
                     )),
@@ -11257,30 +11254,30 @@
                     null
                   )),
                   (nextPrimaryChildren.flags |= 2),
-                  (JSCompiler_object_inline_stack_2978.return = workInProgress),
+                  (JSCompiler_object_inline_stack_2973.return = workInProgress),
                   (nextPrimaryChildren.return = workInProgress),
-                  (JSCompiler_object_inline_stack_2978.sibling =
+                  (JSCompiler_object_inline_stack_2973.sibling =
                     nextPrimaryChildren),
-                  (workInProgress.child = JSCompiler_object_inline_stack_2978),
+                  (workInProgress.child = JSCompiler_object_inline_stack_2973),
                   reconcileChildFibers(
                     workInProgress,
                     current.child,
                     null,
                     renderLanes
                   ),
-                  (JSCompiler_object_inline_stack_2978 = workInProgress.child),
-                  (JSCompiler_object_inline_stack_2978.memoizedState =
+                  (JSCompiler_object_inline_stack_2973 = workInProgress.child),
+                  (JSCompiler_object_inline_stack_2973.memoizedState =
                     mountSuspenseOffscreenState(renderLanes)),
-                  (JSCompiler_object_inline_stack_2978.childLanes =
+                  (JSCompiler_object_inline_stack_2973.childLanes =
                     getRemainingWorkInPrimaryTree(
                       current,
-                      JSCompiler_object_inline_digest_2977,
+                      JSCompiler_object_inline_digest_2972,
                       renderLanes
                     )),
                   (workInProgress.memoizedState = SUSPENDED_MARKER),
                   (workInProgress = bailoutOffscreenComponent(
                     null,
-                    JSCompiler_object_inline_stack_2978
+                    JSCompiler_object_inline_stack_2973
                   )));
           else if (
             (pushPrimaryTreeSuspenseHandler(workInProgress),
@@ -11288,45 +11285,45 @@
             0 !== (renderLanes & 536870912) &&
               markRenderDerivedCause(workInProgress),
             isSuspenseInstanceFallback(
-              JSCompiler_object_inline_componentStack_2979
+              JSCompiler_object_inline_componentStack_2974
             ))
           ) {
-            JSCompiler_object_inline_digest_2977 =
-              JSCompiler_object_inline_componentStack_2979.nextSibling &&
-              JSCompiler_object_inline_componentStack_2979.nextSibling.dataset;
-            if (JSCompiler_object_inline_digest_2977) {
-              nextPrimaryChildren = JSCompiler_object_inline_digest_2977.dgst;
-              var message = JSCompiler_object_inline_digest_2977.msg;
-              mode = JSCompiler_object_inline_digest_2977.stck;
-              var componentStack = JSCompiler_object_inline_digest_2977.cstck;
+            JSCompiler_object_inline_digest_2972 =
+              JSCompiler_object_inline_componentStack_2974.nextSibling &&
+              JSCompiler_object_inline_componentStack_2974.nextSibling.dataset;
+            if (JSCompiler_object_inline_digest_2972) {
+              nextPrimaryChildren = JSCompiler_object_inline_digest_2972.dgst;
+              var message = JSCompiler_object_inline_digest_2972.msg;
+              mode = JSCompiler_object_inline_digest_2972.stck;
+              var componentStack = JSCompiler_object_inline_digest_2972.cstck;
             }
-            JSCompiler_object_inline_message_2976 = message;
-            JSCompiler_object_inline_digest_2977 = nextPrimaryChildren;
-            JSCompiler_object_inline_stack_2978 = mode;
-            JSCompiler_object_inline_componentStack_2979 = componentStack;
-            nextPrimaryChildren = JSCompiler_object_inline_message_2976;
-            mode = JSCompiler_object_inline_componentStack_2979;
+            JSCompiler_object_inline_message_2971 = message;
+            JSCompiler_object_inline_digest_2972 = nextPrimaryChildren;
+            JSCompiler_object_inline_stack_2973 = mode;
+            JSCompiler_object_inline_componentStack_2974 = componentStack;
+            nextPrimaryChildren = JSCompiler_object_inline_message_2971;
+            mode = JSCompiler_object_inline_componentStack_2974;
             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_2978 || "";
-            nextPrimaryChildren.digest = JSCompiler_object_inline_digest_2977;
-            JSCompiler_object_inline_digest_2977 =
+              JSCompiler_object_inline_stack_2973 || "";
+            nextPrimaryChildren.digest = JSCompiler_object_inline_digest_2972;
+            JSCompiler_object_inline_digest_2972 =
               void 0 === mode ? null : mode;
-            JSCompiler_object_inline_stack_2978 = {
+            JSCompiler_object_inline_stack_2973 = {
               value: nextPrimaryChildren,
               source: null,
-              stack: JSCompiler_object_inline_digest_2977
+              stack: JSCompiler_object_inline_digest_2972
             };
-            "string" === typeof JSCompiler_object_inline_digest_2977 &&
+            "string" === typeof JSCompiler_object_inline_digest_2972 &&
               CapturedStacks.set(
                 nextPrimaryChildren,
-                JSCompiler_object_inline_stack_2978
+                JSCompiler_object_inline_stack_2973
               );
-            queueHydrationError(JSCompiler_object_inline_stack_2978);
+            queueHydrationError(JSCompiler_object_inline_stack_2973);
             workInProgress = retrySuspenseComponentWithoutHydrating(
               current,
               workInProgress,
@@ -11340,35 +11337,35 @@
                 renderLanes,
                 !1
               ),
-            (JSCompiler_object_inline_digest_2977 =
+            (JSCompiler_object_inline_digest_2972 =
               0 !== (renderLanes & current.childLanes)),
-            didReceiveUpdate || JSCompiler_object_inline_digest_2977)
+            didReceiveUpdate || JSCompiler_object_inline_digest_2972)
           ) {
-            JSCompiler_object_inline_digest_2977 = workInProgressRoot;
+            JSCompiler_object_inline_digest_2972 = workInProgressRoot;
             if (
-              null !== JSCompiler_object_inline_digest_2977 &&
-              ((JSCompiler_object_inline_stack_2978 = getBumpedLaneForHydration(
-                JSCompiler_object_inline_digest_2977,
+              null !== JSCompiler_object_inline_digest_2972 &&
+              ((JSCompiler_object_inline_stack_2973 = getBumpedLaneForHydration(
+                JSCompiler_object_inline_digest_2972,
                 renderLanes
               )),
-              0 !== JSCompiler_object_inline_stack_2978 &&
-                JSCompiler_object_inline_stack_2978 !== prevState.retryLane)
+              0 !== JSCompiler_object_inline_stack_2973 &&
+                JSCompiler_object_inline_stack_2973 !== prevState.retryLane)
             )
               throw (
-                ((prevState.retryLane = JSCompiler_object_inline_stack_2978),
+                ((prevState.retryLane = JSCompiler_object_inline_stack_2973),
                 enqueueConcurrentRenderForLane(
                   current,
-                  JSCompiler_object_inline_stack_2978
+                  JSCompiler_object_inline_stack_2973
                 ),
                 scheduleUpdateOnFiber(
-                  JSCompiler_object_inline_digest_2977,
+                  JSCompiler_object_inline_digest_2972,
                   current,
-                  JSCompiler_object_inline_stack_2978
+                  JSCompiler_object_inline_stack_2973
                 ),
                 SelectiveHydrationException)
               );
             isSuspenseInstancePending(
-              JSCompiler_object_inline_componentStack_2979
+              JSCompiler_object_inline_componentStack_2974
             ) || renderDidSuspendDelayIfPossible();
             workInProgress = retrySuspenseComponentWithoutHydrating(
               current,
@@ -11377,14 +11374,14 @@
             );
           } else
             isSuspenseInstancePending(
-              JSCompiler_object_inline_componentStack_2979
+              JSCompiler_object_inline_componentStack_2974
             )
               ? ((workInProgress.flags |= 192),
                 (workInProgress.child = current.child),
                 (workInProgress = null))
               : ((current = prevState.treeContext),
                 (nextHydratableInstance = getNextHydratable(
-                  JSCompiler_object_inline_componentStack_2979.nextSibling
+                  JSCompiler_object_inline_componentStack_2974.nextSibling
                 )),
                 (hydrationParentFiber = workInProgress),
                 (isHydrating = !0),
@@ -11396,32 +11393,32 @@
                   restoreSuspendedTreeContext(workInProgress, current),
                 (workInProgress = mountSuspensePrimaryChildren(
                   workInProgress,
-                  JSCompiler_object_inline_stack_2978.children
+                  JSCompiler_object_inline_stack_2973.children
                 )),
                 (workInProgress.flags |= 4096));
           return workInProgress;
         }
       }
-      if (JSCompiler_object_inline_message_2976)
+      if (JSCompiler_object_inline_message_2971)
         return (
           reuseSuspenseHandlerOnStack(workInProgress),
-          (nextPrimaryChildren = JSCompiler_object_inline_stack_2978.fallback),
+          (nextPrimaryChildren = JSCompiler_object_inline_stack_2973.fallback),
           (mode = workInProgress.mode),
           (componentStack = current.child),
-          (JSCompiler_object_inline_componentStack_2979 =
+          (JSCompiler_object_inline_componentStack_2974 =
             componentStack.sibling),
-          (JSCompiler_object_inline_stack_2978 = createWorkInProgress(
+          (JSCompiler_object_inline_stack_2973 = createWorkInProgress(
             componentStack,
             {
               mode: "hidden",
-              children: JSCompiler_object_inline_stack_2978.children
+              children: JSCompiler_object_inline_stack_2973.children
             }
           )),
-          (JSCompiler_object_inline_stack_2978.subtreeFlags =
+          (JSCompiler_object_inline_stack_2973.subtreeFlags =
             componentStack.subtreeFlags & 65011712),
-          null !== JSCompiler_object_inline_componentStack_2979
+          null !== JSCompiler_object_inline_componentStack_2974
             ? (nextPrimaryChildren = createWorkInProgress(
-                JSCompiler_object_inline_componentStack_2979,
+                JSCompiler_object_inline_componentStack_2974,
                 nextPrimaryChildren
               ))
             : ((nextPrimaryChildren = createFiberFromFragment(
@@ -11432,11 +11429,11 @@
               )),
               (nextPrimaryChildren.flags |= 2)),
           (nextPrimaryChildren.return = workInProgress),
-          (JSCompiler_object_inline_stack_2978.return = workInProgress),
-          (JSCompiler_object_inline_stack_2978.sibling = nextPrimaryChildren),
-          (workInProgress.child = JSCompiler_object_inline_stack_2978),
-          bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_2978),
-          (JSCompiler_object_inline_stack_2978 = workInProgress.child),
+          (JSCompiler_object_inline_stack_2973.return = workInProgress),
+          (JSCompiler_object_inline_stack_2973.sibling = nextPrimaryChildren),
+          (workInProgress.child = JSCompiler_object_inline_stack_2973),
+          bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_2973),
+          (JSCompiler_object_inline_stack_2973 = workInProgress.child),
           (nextPrimaryChildren = current.child.memoizedState),
           null === nextPrimaryChildren
             ? (nextPrimaryChildren = mountSuspenseOffscreenState(renderLanes))
@@ -11452,18 +11449,18 @@
                 baseLanes: nextPrimaryChildren.baseLanes | renderLanes,
                 cachePool: mode
               })),
-          (JSCompiler_object_inline_stack_2978.memoizedState =
+          (JSCompiler_object_inline_stack_2973.memoizedState =
             nextPrimaryChildren),
-          (JSCompiler_object_inline_stack_2978.childLanes =
+          (JSCompiler_object_inline_stack_2973.childLanes =
             getRemainingWorkInPrimaryTree(
               current,
-              JSCompiler_object_inline_digest_2977,
+              JSCompiler_object_inline_digest_2972,
               renderLanes
             )),
           (workInProgress.memoizedState = SUSPENDED_MARKER),
           bailoutOffscreenComponent(
             current.child,
-            JSCompiler_object_inline_stack_2978
+            JSCompiler_object_inline_stack_2973
           )
         );
       null !== prevState &&
@@ -11475,16 +11472,16 @@
       current = renderLanes.sibling;
       renderLanes = createWorkInProgress(renderLanes, {
         mode: "visible",
-        children: JSCompiler_object_inline_stack_2978.children
+        children: JSCompiler_object_inline_stack_2973.children
       });
       renderLanes.return = workInProgress;
       renderLanes.sibling = null;
       null !== current &&
-        ((JSCompiler_object_inline_digest_2977 = workInProgress.deletions),
-        null === JSCompiler_object_inline_digest_2977
+        ((JSCompiler_object_inline_digest_2972 = workInProgress.deletions),
+        null === JSCompiler_object_inline_digest_2972
           ? ((workInProgress.deletions = [current]),
             (workInProgress.flags |= 16))
-          : JSCompiler_object_inline_digest_2977.push(current));
+          : JSCompiler_object_inline_digest_2972.push(current));
       workInProgress.child = renderLanes;
       workInProgress.memoizedState = null;
       return renderLanes;
@@ -11526,6 +11523,16 @@
         propagationRoot
       );
     }
+    function findLastContentRow(firstChild) {
+      for (var lastContentRow = null; null !== firstChild; ) {
+        var currentRow = firstChild.alternate;
+        null !== currentRow &&
+          null === findFirstSuspended(currentRow) &&
+          (lastContentRow = firstChild);
+        firstChild = firstChild.sibling;
+      }
+      return lastContentRow;
+    }
     function initSuspenseListRenderState(
       workInProgress,
       isBackwards,
@@ -11553,6 +11560,15 @@
           (renderState.tailMode = tailMode),
           (renderState.treeForkCount = treeForkCount));
     }
+    function reverseChildren(fiber) {
+      var row = fiber.child;
+      for (fiber.child = null; null !== row; ) {
+        var nextRow = row.sibling;
+        row.sibling = fiber.child;
+        fiber.child = row;
+        row = nextRow;
+      }
+    }
     function updateSuspenseListComponent(current, workInProgress, renderLanes) {
       var nextProps = workInProgress.pendingProps,
         revealOrder = nextProps.revealOrder,
@@ -11568,23 +11584,18 @@
       push(suspenseStackCursor, suspenseContext, workInProgress);
       suspenseContext = null == revealOrder ? "null" : revealOrder;
       if (
+        null != revealOrder &&
         "forwards" !== revealOrder &&
+        "backwards" !== revealOrder &&
         "unstable_legacy-backwards" !== revealOrder &&
         "together" !== revealOrder &&
         "independent" !== revealOrder &&
         !didWarnAboutRevealOrder[suspenseContext]
       )
         if (
-          ((didWarnAboutRevealOrder[suspenseContext] = !0), null == revealOrder)
+          ((didWarnAboutRevealOrder[suspenseContext] = !0),
+          "string" === typeof revealOrder)
         )
-          console.error(
-            'The default for the <SuspenseList revealOrder="..."> prop is changing. To be future compatible you must explictly specify either "independent" (the current default), "together", "forwards" or "legacy_unstable-backwards".'
-          );
-        else if ("backwards" === revealOrder)
-          console.error(
-            'The rendering order of <SuspenseList revealOrder="backwards"> is changing. To be future compatible you must specify revealOrder="legacy_unstable-backwards" instead.'
-          );
-        else if ("string" === typeof revealOrder)
           switch (revealOrder.toLowerCase()) {
             case "together":
             case "forwards":
@@ -11616,36 +11627,28 @@
             revealOrder
           );
       suspenseContext = null == tailMode ? "null" : tailMode;
-      if (!didWarnAboutTailOptions[suspenseContext])
-        if (null == tailMode) {
-          if (
-            "forwards" === revealOrder ||
-            "backwards" === revealOrder ||
-            "unstable_legacy-backwards" === revealOrder
-          )
-            (didWarnAboutTailOptions[suspenseContext] = !0),
-              console.error(
-                'The default for the <SuspenseList tail="..."> prop is changing. To be future compatible you must explictly specify either "visible" (the current default), "collapsed" or "hidden".'
-              );
-        } else
-          "visible" !== tailMode &&
-          "collapsed" !== tailMode &&
-          "hidden" !== tailMode
-            ? ((didWarnAboutTailOptions[suspenseContext] = !0),
-              console.error(
-                '"%s" is not a supported value for tail on <SuspenseList />. Did you mean "visible", "collapsed" or "hidden"?',
-                tailMode
-              ))
-            : "forwards" !== revealOrder &&
-              "backwards" !== revealOrder &&
-              "unstable_legacy-backwards" !== revealOrder &&
-              ((didWarnAboutTailOptions[suspenseContext] = !0),
-              console.error(
-                '<SuspenseList tail="%s" /> is only valid if revealOrder is "forwards" or "backwards". Did you mean to specify revealOrder="forwards"?',
-                tailMode
-              ));
+      didWarnAboutTailOptions[suspenseContext] ||
+        null == tailMode ||
+        ("visible" !== tailMode &&
+        "collapsed" !== tailMode &&
+        "hidden" !== tailMode
+          ? ((didWarnAboutTailOptions[suspenseContext] = !0),
+            console.error(
+              '"%s" is not a supported value for tail on <SuspenseList />. Did you mean "visible", "collapsed" or "hidden"?',
+              tailMode
+            ))
+          : null != revealOrder &&
+            "forwards" !== revealOrder &&
+            "backwards" !== revealOrder &&
+            "unstable_legacy-backwards" !== revealOrder &&
+            ((didWarnAboutTailOptions[suspenseContext] = !0),
+            console.error(
+              '<SuspenseList tail="%s" /> is only valid if revealOrder is "forwards" (default) or "backwards". Did you mean to specify revealOrder="forwards"?',
+              tailMode
+            )));
       a: if (
-        ("forwards" === revealOrder ||
+        (null == revealOrder ||
+          "forwards" === revealOrder ||
           "backwards" === revealOrder ||
           "unstable_legacy-backwards" === revealOrder) &&
         void 0 !== newChildren &&
@@ -11684,7 +11687,11 @@
             'A single row was passed to a <SuspenseList revealOrder="%s" />. This is not useful since it needs multiple rows. Did you mean to pass multiple children or an array?',
             revealOrder
           );
-      reconcileChildren(current, workInProgress, newChildren, renderLanes);
+      "backwards" === revealOrder && null !== current
+        ? (reverseChildren(current),
+          reconcileChildren(current, workInProgress, newChildren, renderLanes),
+          reverseChildren(current))
+        : reconcileChildren(current, workInProgress, newChildren, renderLanes);
       isHydrating
         ? (warnIfNotHydrating(), (newChildren = treeForkCount))
         : (newChildren = 0);
@@ -11710,30 +11717,23 @@
           current = current.sibling;
         }
       switch (revealOrder) {
-        case "forwards":
-          renderLanes = workInProgress.child;
-          for (revealOrder = null; null !== renderLanes; )
-            (current = renderLanes.alternate),
-              null !== current &&
-                null === findFirstSuspended(current) &&
-                (revealOrder = renderLanes),
-              (renderLanes = renderLanes.sibling);
-          renderLanes = revealOrder;
+        case "backwards":
+          renderLanes = findLastContentRow(workInProgress.child);
           null === renderLanes
             ? ((revealOrder = workInProgress.child),
               (workInProgress.child = null))
             : ((revealOrder = renderLanes.sibling),
-              (renderLanes.sibling = null));
+              (renderLanes.sibling = null),
+              reverseChildren(workInProgress));
           initSuspenseListRenderState(
             workInProgress,
-            !1,
+            !0,
             revealOrder,
-            renderLanes,
+            null,
             tailMode,
             newChildren
           );
           break;
-        case "backwards":
         case "unstable_legacy-backwards":
           renderLanes = null;
           revealOrder = workInProgress.child;
@@ -11767,8 +11767,24 @@
             newChildren
           );
           break;
-        default:
+        case "independent":
           workInProgress.memoizedState = null;
+          break;
+        default:
+          (renderLanes = findLastContentRow(workInProgress.child)),
+            null === renderLanes
+              ? ((revealOrder = workInProgress.child),
+                (workInProgress.child = null))
+              : ((revealOrder = renderLanes.sibling),
+                (renderLanes.sibling = null)),
+            initSuspenseListRenderState(
+              workInProgress,
+              !1,
+              revealOrder,
+              renderLanes,
+              tailMode,
+              newChildren
+            );
       }
       return workInProgress.child;
     }
@@ -12699,26 +12715,31 @@
     function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
       if (!isHydrating)
         switch (renderState.tailMode) {
-          case "hidden":
-            hasRenderedATailFallback = renderState.tail;
-            for (var lastTailNode = null; null !== hasRenderedATailFallback; )
-              null !== hasRenderedATailFallback.alternate &&
-                (lastTailNode = hasRenderedATailFallback),
-                (hasRenderedATailFallback = hasRenderedATailFallback.sibling);
-            null === lastTailNode
-              ? (renderState.tail = null)
-              : (lastTailNode.sibling = null);
+          case "visible":
             break;
           case "collapsed":
-            lastTailNode = renderState.tail;
-            for (var _lastTailNode = null; null !== lastTailNode; )
-              null !== lastTailNode.alternate && (_lastTailNode = lastTailNode),
-                (lastTailNode = lastTailNode.sibling);
-            null === _lastTailNode
+            for (
+              var tailNode = renderState.tail, lastTailNode = null;
+              null !== tailNode;
+
+            )
+              null !== tailNode.alternate && (lastTailNode = tailNode),
+                (tailNode = tailNode.sibling);
+            null === lastTailNode
               ? hasRenderedATailFallback || null === renderState.tail
                 ? (renderState.tail = null)
                 : (renderState.tail.sibling = null)
-              : (_lastTailNode.sibling = null);
+              : (lastTailNode.sibling = null);
+            break;
+          default:
+            hasRenderedATailFallback = renderState.tail;
+            for (tailNode = null; null !== hasRenderedATailFallback; )
+              null !== hasRenderedATailFallback.alternate &&
+                (tailNode = hasRenderedATailFallback),
+                (hasRenderedATailFallback = hasRenderedATailFallback.sibling);
+            null === tailNode
+              ? (renderState.tail = null)
+              : (tailNode.sibling = null);
         }
     }
     function bubbleProperties(completedWork) {
@@ -13341,7 +13362,8 @@
                   scheduleRetryEffect(workInProgress, current),
                   cutOffTailIfNeeded(newProps, !0),
                   null === newProps.tail &&
-                    "hidden" === newProps.tailMode &&
+                    "collapsed" !== newProps.tailMode &&
+                    "visible" !== newProps.tailMode &&
                     !nextResource.alternate &&
                     !isHydrating)
                 )
@@ -30303,11 +30325,11 @@
     };
     (function () {
       var isomorphicReactPackageVersion = React.version;
-      if ("19.3.0-canary-c9ddee7e-20251031" !== isomorphicReactPackageVersion)
+      if ("19.3.0-canary-561ee24d-20251101" !== 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-c9ddee7e-20251031\nLearn more: https://react.dev/warnings/version-mismatch")
+              "\n  - react-dom:  19.3.0-canary-561ee24d-20251101\nLearn more: https://react.dev/warnings/version-mismatch")
         );
     })();
     ("function" === typeof Map &&
@@ -30344,10 +30366,10 @@
       !(function () {
         var internals = {
           bundleType: 1,
-          version: "19.3.0-canary-c9ddee7e-20251031",
+          version: "19.3.0-canary-561ee24d-20251101",
           rendererPackageName: "react-dom",
           currentDispatcherRef: ReactSharedInternals,
-          reconcilerVersion: "19.3.0-canary-c9ddee7e-20251031"
+          reconcilerVersion: "19.3.0-canary-561ee24d-20251101"
         };
         internals.overrideHookState = overrideHookState;
         internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -30485,7 +30507,7 @@
       listenToAllSupportedEvents(container);
       return new ReactDOMHydrationRoot(initialChildren);
     };
-    exports.version = "19.3.0-canary-c9ddee7e-20251031";
+    exports.version = "19.3.0-canary-561ee24d-20251101";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&