react-dom 19.2.0-canary-1ae0a845-20250603 → 19.2.0-canary-b4477d38-20250605

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6597,7 +6597,10 @@
6597
6597
  return node;
6598
6598
  } else if (
6599
6599
  19 === node.tag &&
6600
- void 0 !== node.memoizedProps.revealOrder
6600
+ ("forwards" === node.memoizedProps.revealOrder ||
6601
+ "backwards" === node.memoizedProps.revealOrder ||
6602
+ "unstable_legacy-backwards" === node.memoizedProps.revealOrder ||
6603
+ "together" === node.memoizedProps.revealOrder)
6601
6604
  ) {
6602
6605
  if (0 !== (node.flags & 128)) return node;
6603
6606
  } else if (null !== node.child) {
@@ -9699,24 +9702,24 @@
9699
9702
  return current;
9700
9703
  }
9701
9704
  function updateSuspenseComponent(current, workInProgress, renderLanes) {
9702
- var JSCompiler_object_inline_digest_2545;
9703
- var JSCompiler_object_inline_stack_2546 = workInProgress.pendingProps;
9705
+ var JSCompiler_object_inline_digest_2547;
9706
+ var JSCompiler_object_inline_stack_2548 = workInProgress.pendingProps;
9704
9707
  shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128);
9705
- var JSCompiler_object_inline_message_2544 = !1;
9708
+ var JSCompiler_object_inline_message_2546 = !1;
9706
9709
  var didSuspend = 0 !== (workInProgress.flags & 128);
9707
- (JSCompiler_object_inline_digest_2545 = didSuspend) ||
9708
- (JSCompiler_object_inline_digest_2545 =
9710
+ (JSCompiler_object_inline_digest_2547 = didSuspend) ||
9711
+ (JSCompiler_object_inline_digest_2547 =
9709
9712
  null !== current && null === current.memoizedState
9710
9713
  ? !1
9711
9714
  : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback));
9712
- JSCompiler_object_inline_digest_2545 &&
9713
- ((JSCompiler_object_inline_message_2544 = !0),
9715
+ JSCompiler_object_inline_digest_2547 &&
9716
+ ((JSCompiler_object_inline_message_2546 = !0),
9714
9717
  (workInProgress.flags &= -129));
9715
- JSCompiler_object_inline_digest_2545 = 0 !== (workInProgress.flags & 32);
9718
+ JSCompiler_object_inline_digest_2547 = 0 !== (workInProgress.flags & 32);
9716
9719
  workInProgress.flags &= -33;
9717
9720
  if (null === current) {
9718
9721
  if (isHydrating) {
9719
- JSCompiler_object_inline_message_2544
9722
+ JSCompiler_object_inline_message_2546
9720
9723
  ? pushPrimaryTreeSuspenseHandler(workInProgress)
9721
9724
  : reuseSuspenseHandlerOnStack(workInProgress);
9722
9725
  (current = nextHydratableInstance)
@@ -9729,18 +9732,18 @@
9729
9732
  ? renderLanes
9730
9733
  : null),
9731
9734
  null !== renderLanes &&
9732
- ((JSCompiler_object_inline_digest_2545 = {
9735
+ ((JSCompiler_object_inline_digest_2547 = {
9733
9736
  dehydrated: renderLanes,
9734
9737
  treeContext: getSuspendedTreeContext(),
9735
9738
  retryLane: 536870912,
9736
9739
  hydrationErrors: null
9737
9740
  }),
9738
9741
  (workInProgress.memoizedState =
9739
- JSCompiler_object_inline_digest_2545),
9740
- (JSCompiler_object_inline_digest_2545 =
9742
+ JSCompiler_object_inline_digest_2547),
9743
+ (JSCompiler_object_inline_digest_2547 =
9741
9744
  createFiberFromDehydratedFragment(renderLanes)),
9742
- (JSCompiler_object_inline_digest_2545.return = workInProgress),
9743
- (workInProgress.child = JSCompiler_object_inline_digest_2545),
9745
+ (JSCompiler_object_inline_digest_2547.return = workInProgress),
9746
+ (workInProgress.child = JSCompiler_object_inline_digest_2547),
9744
9747
  (hydrationParentFiber = workInProgress),
9745
9748
  (nextHydratableInstance = null)))
9746
9749
  : (renderLanes = null);
@@ -9754,36 +9757,36 @@
9754
9757
  : (workInProgress.lanes = 536870912);
9755
9758
  return null;
9756
9759
  }
9757
- var nextPrimaryChildren = JSCompiler_object_inline_stack_2546.children;
9758
- JSCompiler_object_inline_stack_2546 =
9759
- JSCompiler_object_inline_stack_2546.fallback;
9760
- if (JSCompiler_object_inline_message_2544) {
9760
+ var nextPrimaryChildren = JSCompiler_object_inline_stack_2548.children;
9761
+ JSCompiler_object_inline_stack_2548 =
9762
+ JSCompiler_object_inline_stack_2548.fallback;
9763
+ if (JSCompiler_object_inline_message_2546) {
9761
9764
  reuseSuspenseHandlerOnStack(workInProgress);
9762
9765
  var mode = workInProgress.mode;
9763
9766
  nextPrimaryChildren = mountWorkInProgressOffscreenFiber(
9764
9767
  { mode: "hidden", children: nextPrimaryChildren },
9765
9768
  mode
9766
9769
  );
9767
- JSCompiler_object_inline_stack_2546 = createFiberFromFragment(
9768
- JSCompiler_object_inline_stack_2546,
9770
+ JSCompiler_object_inline_stack_2548 = createFiberFromFragment(
9771
+ JSCompiler_object_inline_stack_2548,
9769
9772
  mode,
9770
9773
  renderLanes,
9771
9774
  null
9772
9775
  );
9773
9776
  nextPrimaryChildren.return = workInProgress;
9774
- JSCompiler_object_inline_stack_2546.return = workInProgress;
9775
- nextPrimaryChildren.sibling = JSCompiler_object_inline_stack_2546;
9777
+ JSCompiler_object_inline_stack_2548.return = workInProgress;
9778
+ nextPrimaryChildren.sibling = JSCompiler_object_inline_stack_2548;
9776
9779
  workInProgress.child = nextPrimaryChildren;
9777
9780
  nextPrimaryChildren = workInProgress.child;
9778
9781
  nextPrimaryChildren.memoizedState =
9779
9782
  mountSuspenseOffscreenState(renderLanes);
9780
9783
  nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree(
9781
9784
  current,
9782
- JSCompiler_object_inline_digest_2545,
9785
+ JSCompiler_object_inline_digest_2547,
9783
9786
  renderLanes
9784
9787
  );
9785
9788
  workInProgress.memoizedState = SUSPENDED_MARKER;
9786
- return JSCompiler_object_inline_stack_2546;
9789
+ return JSCompiler_object_inline_stack_2548;
9787
9790
  }
9788
9791
  pushPrimaryTreeSuspenseHandler(workInProgress);
9789
9792
  return mountSuspensePrimaryChildren(
@@ -9793,8 +9796,8 @@
9793
9796
  }
9794
9797
  var prevState = current.memoizedState;
9795
9798
  if (null !== prevState) {
9796
- var JSCompiler_object_inline_componentStack_2547 = prevState.dehydrated;
9797
- if (null !== JSCompiler_object_inline_componentStack_2547) {
9799
+ var JSCompiler_object_inline_componentStack_2549 = prevState.dehydrated;
9800
+ if (null !== JSCompiler_object_inline_componentStack_2549) {
9798
9801
  if (didSuspend)
9799
9802
  workInProgress.flags & 256
9800
9803
  ? (pushPrimaryTreeSuspenseHandler(workInProgress),
@@ -9811,13 +9814,13 @@
9811
9814
  (workInProgress = null))
9812
9815
  : (reuseSuspenseHandlerOnStack(workInProgress),
9813
9816
  (nextPrimaryChildren =
9814
- JSCompiler_object_inline_stack_2546.fallback),
9817
+ JSCompiler_object_inline_stack_2548.fallback),
9815
9818
  (mode = workInProgress.mode),
9816
- (JSCompiler_object_inline_stack_2546 =
9819
+ (JSCompiler_object_inline_stack_2548 =
9817
9820
  mountWorkInProgressOffscreenFiber(
9818
9821
  {
9819
9822
  mode: "visible",
9820
- children: JSCompiler_object_inline_stack_2546.children
9823
+ children: JSCompiler_object_inline_stack_2548.children
9821
9824
  },
9822
9825
  mode
9823
9826
  )),
@@ -9828,24 +9831,24 @@
9828
9831
  null
9829
9832
  )),
9830
9833
  (nextPrimaryChildren.flags |= 2),
9831
- (JSCompiler_object_inline_stack_2546.return = workInProgress),
9834
+ (JSCompiler_object_inline_stack_2548.return = workInProgress),
9832
9835
  (nextPrimaryChildren.return = workInProgress),
9833
- (JSCompiler_object_inline_stack_2546.sibling =
9836
+ (JSCompiler_object_inline_stack_2548.sibling =
9834
9837
  nextPrimaryChildren),
9835
- (workInProgress.child = JSCompiler_object_inline_stack_2546),
9838
+ (workInProgress.child = JSCompiler_object_inline_stack_2548),
9836
9839
  reconcileChildFibers(
9837
9840
  workInProgress,
9838
9841
  current.child,
9839
9842
  null,
9840
9843
  renderLanes
9841
9844
  ),
9842
- (JSCompiler_object_inline_stack_2546 = workInProgress.child),
9843
- (JSCompiler_object_inline_stack_2546.memoizedState =
9845
+ (JSCompiler_object_inline_stack_2548 = workInProgress.child),
9846
+ (JSCompiler_object_inline_stack_2548.memoizedState =
9844
9847
  mountSuspenseOffscreenState(renderLanes)),
9845
- (JSCompiler_object_inline_stack_2546.childLanes =
9848
+ (JSCompiler_object_inline_stack_2548.childLanes =
9846
9849
  getRemainingWorkInPrimaryTree(
9847
9850
  current,
9848
- JSCompiler_object_inline_digest_2545,
9851
+ JSCompiler_object_inline_digest_2547,
9849
9852
  renderLanes
9850
9853
  )),
9851
9854
  (workInProgress.memoizedState = SUSPENDED_MARKER),
@@ -9854,45 +9857,45 @@
9854
9857
  (pushPrimaryTreeSuspenseHandler(workInProgress),
9855
9858
  warnIfHydrating(),
9856
9859
  isSuspenseInstanceFallback(
9857
- JSCompiler_object_inline_componentStack_2547
9860
+ JSCompiler_object_inline_componentStack_2549
9858
9861
  ))
9859
9862
  ) {
9860
- JSCompiler_object_inline_digest_2545 =
9861
- JSCompiler_object_inline_componentStack_2547.nextSibling &&
9862
- JSCompiler_object_inline_componentStack_2547.nextSibling.dataset;
9863
- if (JSCompiler_object_inline_digest_2545) {
9864
- nextPrimaryChildren = JSCompiler_object_inline_digest_2545.dgst;
9865
- var message = JSCompiler_object_inline_digest_2545.msg;
9866
- mode = JSCompiler_object_inline_digest_2545.stck;
9867
- var componentStack = JSCompiler_object_inline_digest_2545.cstck;
9863
+ JSCompiler_object_inline_digest_2547 =
9864
+ JSCompiler_object_inline_componentStack_2549.nextSibling &&
9865
+ JSCompiler_object_inline_componentStack_2549.nextSibling.dataset;
9866
+ if (JSCompiler_object_inline_digest_2547) {
9867
+ nextPrimaryChildren = JSCompiler_object_inline_digest_2547.dgst;
9868
+ var message = JSCompiler_object_inline_digest_2547.msg;
9869
+ mode = JSCompiler_object_inline_digest_2547.stck;
9870
+ var componentStack = JSCompiler_object_inline_digest_2547.cstck;
9868
9871
  }
9869
- JSCompiler_object_inline_message_2544 = message;
9870
- JSCompiler_object_inline_digest_2545 = nextPrimaryChildren;
9871
- JSCompiler_object_inline_stack_2546 = mode;
9872
- JSCompiler_object_inline_componentStack_2547 = componentStack;
9873
- nextPrimaryChildren = JSCompiler_object_inline_message_2544;
9874
- mode = JSCompiler_object_inline_componentStack_2547;
9872
+ JSCompiler_object_inline_message_2546 = message;
9873
+ JSCompiler_object_inline_digest_2547 = nextPrimaryChildren;
9874
+ JSCompiler_object_inline_stack_2548 = mode;
9875
+ JSCompiler_object_inline_componentStack_2549 = componentStack;
9876
+ nextPrimaryChildren = JSCompiler_object_inline_message_2546;
9877
+ mode = JSCompiler_object_inline_componentStack_2549;
9875
9878
  nextPrimaryChildren = nextPrimaryChildren
9876
9879
  ? Error(nextPrimaryChildren)
9877
9880
  : Error(
9878
9881
  "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
9879
9882
  );
9880
9883
  nextPrimaryChildren.stack =
9881
- JSCompiler_object_inline_stack_2546 || "";
9882
- nextPrimaryChildren.digest = JSCompiler_object_inline_digest_2545;
9883
- JSCompiler_object_inline_digest_2545 =
9884
+ JSCompiler_object_inline_stack_2548 || "";
9885
+ nextPrimaryChildren.digest = JSCompiler_object_inline_digest_2547;
9886
+ JSCompiler_object_inline_digest_2547 =
9884
9887
  void 0 === mode ? null : mode;
9885
- JSCompiler_object_inline_stack_2546 = {
9888
+ JSCompiler_object_inline_stack_2548 = {
9886
9889
  value: nextPrimaryChildren,
9887
9890
  source: null,
9888
- stack: JSCompiler_object_inline_digest_2545
9891
+ stack: JSCompiler_object_inline_digest_2547
9889
9892
  };
9890
- "string" === typeof JSCompiler_object_inline_digest_2545 &&
9893
+ "string" === typeof JSCompiler_object_inline_digest_2547 &&
9891
9894
  CapturedStacks.set(
9892
9895
  nextPrimaryChildren,
9893
- JSCompiler_object_inline_stack_2546
9896
+ JSCompiler_object_inline_stack_2548
9894
9897
  );
9895
- queueHydrationError(JSCompiler_object_inline_stack_2546);
9898
+ queueHydrationError(JSCompiler_object_inline_stack_2548);
9896
9899
  workInProgress = retrySuspenseComponentWithoutHydrating(
9897
9900
  current,
9898
9901
  workInProgress,
@@ -9906,35 +9909,35 @@
9906
9909
  renderLanes,
9907
9910
  !1
9908
9911
  ),
9909
- (JSCompiler_object_inline_digest_2545 =
9912
+ (JSCompiler_object_inline_digest_2547 =
9910
9913
  0 !== (renderLanes & current.childLanes)),
9911
- didReceiveUpdate || JSCompiler_object_inline_digest_2545)
9914
+ didReceiveUpdate || JSCompiler_object_inline_digest_2547)
9912
9915
  ) {
9913
- JSCompiler_object_inline_digest_2545 = workInProgressRoot;
9916
+ JSCompiler_object_inline_digest_2547 = workInProgressRoot;
9914
9917
  if (
9915
- null !== JSCompiler_object_inline_digest_2545 &&
9916
- ((JSCompiler_object_inline_stack_2546 = getBumpedLaneForHydration(
9917
- JSCompiler_object_inline_digest_2545,
9918
+ null !== JSCompiler_object_inline_digest_2547 &&
9919
+ ((JSCompiler_object_inline_stack_2548 = getBumpedLaneForHydration(
9920
+ JSCompiler_object_inline_digest_2547,
9918
9921
  renderLanes
9919
9922
  )),
9920
- 0 !== JSCompiler_object_inline_stack_2546 &&
9921
- JSCompiler_object_inline_stack_2546 !== prevState.retryLane)
9923
+ 0 !== JSCompiler_object_inline_stack_2548 &&
9924
+ JSCompiler_object_inline_stack_2548 !== prevState.retryLane)
9922
9925
  )
9923
9926
  throw (
9924
- ((prevState.retryLane = JSCompiler_object_inline_stack_2546),
9927
+ ((prevState.retryLane = JSCompiler_object_inline_stack_2548),
9925
9928
  enqueueConcurrentRenderForLane(
9926
9929
  current,
9927
- JSCompiler_object_inline_stack_2546
9930
+ JSCompiler_object_inline_stack_2548
9928
9931
  ),
9929
9932
  scheduleUpdateOnFiber(
9930
- JSCompiler_object_inline_digest_2545,
9933
+ JSCompiler_object_inline_digest_2547,
9931
9934
  current,
9932
- JSCompiler_object_inline_stack_2546
9935
+ JSCompiler_object_inline_stack_2548
9933
9936
  ),
9934
9937
  SelectiveHydrationException)
9935
9938
  );
9936
9939
  isSuspenseInstancePending(
9937
- JSCompiler_object_inline_componentStack_2547
9940
+ JSCompiler_object_inline_componentStack_2549
9938
9941
  ) || renderDidSuspendDelayIfPossible();
9939
9942
  workInProgress = retrySuspenseComponentWithoutHydrating(
9940
9943
  current,
@@ -9943,14 +9946,14 @@
9943
9946
  );
9944
9947
  } else
9945
9948
  isSuspenseInstancePending(
9946
- JSCompiler_object_inline_componentStack_2547
9949
+ JSCompiler_object_inline_componentStack_2549
9947
9950
  )
9948
9951
  ? ((workInProgress.flags |= 192),
9949
9952
  (workInProgress.child = current.child),
9950
9953
  (workInProgress = null))
9951
9954
  : ((current = prevState.treeContext),
9952
9955
  (nextHydratableInstance = getNextHydratable(
9953
- JSCompiler_object_inline_componentStack_2547.nextSibling
9956
+ JSCompiler_object_inline_componentStack_2549.nextSibling
9954
9957
  )),
9955
9958
  (hydrationParentFiber = workInProgress),
9956
9959
  (isHydrating = !0),
@@ -9962,32 +9965,32 @@
9962
9965
  restoreSuspendedTreeContext(workInProgress, current),
9963
9966
  (workInProgress = mountSuspensePrimaryChildren(
9964
9967
  workInProgress,
9965
- JSCompiler_object_inline_stack_2546.children
9968
+ JSCompiler_object_inline_stack_2548.children
9966
9969
  )),
9967
9970
  (workInProgress.flags |= 4096));
9968
9971
  return workInProgress;
9969
9972
  }
9970
9973
  }
9971
- if (JSCompiler_object_inline_message_2544)
9974
+ if (JSCompiler_object_inline_message_2546)
9972
9975
  return (
9973
9976
  reuseSuspenseHandlerOnStack(workInProgress),
9974
- (nextPrimaryChildren = JSCompiler_object_inline_stack_2546.fallback),
9977
+ (nextPrimaryChildren = JSCompiler_object_inline_stack_2548.fallback),
9975
9978
  (mode = workInProgress.mode),
9976
9979
  (componentStack = current.child),
9977
- (JSCompiler_object_inline_componentStack_2547 =
9980
+ (JSCompiler_object_inline_componentStack_2549 =
9978
9981
  componentStack.sibling),
9979
- (JSCompiler_object_inline_stack_2546 = createWorkInProgress(
9982
+ (JSCompiler_object_inline_stack_2548 = createWorkInProgress(
9980
9983
  componentStack,
9981
9984
  {
9982
9985
  mode: "hidden",
9983
- children: JSCompiler_object_inline_stack_2546.children
9986
+ children: JSCompiler_object_inline_stack_2548.children
9984
9987
  }
9985
9988
  )),
9986
- (JSCompiler_object_inline_stack_2546.subtreeFlags =
9989
+ (JSCompiler_object_inline_stack_2548.subtreeFlags =
9987
9990
  componentStack.subtreeFlags & 65011712),
9988
- null !== JSCompiler_object_inline_componentStack_2547
9991
+ null !== JSCompiler_object_inline_componentStack_2549
9989
9992
  ? (nextPrimaryChildren = createWorkInProgress(
9990
- JSCompiler_object_inline_componentStack_2547,
9993
+ JSCompiler_object_inline_componentStack_2549,
9991
9994
  nextPrimaryChildren
9992
9995
  ))
9993
9996
  : ((nextPrimaryChildren = createFiberFromFragment(
@@ -9998,24 +10001,24 @@
9998
10001
  )),
9999
10002
  (nextPrimaryChildren.flags |= 2)),
10000
10003
  (nextPrimaryChildren.return = workInProgress),
10001
- (JSCompiler_object_inline_stack_2546.return = workInProgress),
10002
- (JSCompiler_object_inline_stack_2546.sibling = nextPrimaryChildren),
10003
- (workInProgress.child = JSCompiler_object_inline_stack_2546),
10004
- (JSCompiler_object_inline_stack_2546 = nextPrimaryChildren),
10004
+ (JSCompiler_object_inline_stack_2548.return = workInProgress),
10005
+ (JSCompiler_object_inline_stack_2548.sibling = nextPrimaryChildren),
10006
+ (workInProgress.child = JSCompiler_object_inline_stack_2548),
10007
+ (JSCompiler_object_inline_stack_2548 = nextPrimaryChildren),
10005
10008
  (nextPrimaryChildren = workInProgress.child),
10006
10009
  (mode = current.child.memoizedState),
10007
10010
  null === mode
10008
10011
  ? (mode = mountSuspenseOffscreenState(renderLanes))
10009
10012
  : ((componentStack = mode.cachePool),
10010
10013
  null !== componentStack
10011
- ? ((JSCompiler_object_inline_componentStack_2547 =
10014
+ ? ((JSCompiler_object_inline_componentStack_2549 =
10012
10015
  CacheContext._currentValue),
10013
10016
  (componentStack =
10014
10017
  componentStack.parent !==
10015
- JSCompiler_object_inline_componentStack_2547
10018
+ JSCompiler_object_inline_componentStack_2549
10016
10019
  ? {
10017
- parent: JSCompiler_object_inline_componentStack_2547,
10018
- pool: JSCompiler_object_inline_componentStack_2547
10020
+ parent: JSCompiler_object_inline_componentStack_2549,
10021
+ pool: JSCompiler_object_inline_componentStack_2549
10019
10022
  }
10020
10023
  : componentStack))
10021
10024
  : (componentStack = getSuspendedCache()),
@@ -10026,27 +10029,27 @@
10026
10029
  (nextPrimaryChildren.memoizedState = mode),
10027
10030
  (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree(
10028
10031
  current,
10029
- JSCompiler_object_inline_digest_2545,
10032
+ JSCompiler_object_inline_digest_2547,
10030
10033
  renderLanes
10031
10034
  )),
10032
10035
  (workInProgress.memoizedState = SUSPENDED_MARKER),
10033
- JSCompiler_object_inline_stack_2546
10036
+ JSCompiler_object_inline_stack_2548
10034
10037
  );
10035
10038
  pushPrimaryTreeSuspenseHandler(workInProgress);
10036
10039
  renderLanes = current.child;
10037
10040
  current = renderLanes.sibling;
10038
10041
  renderLanes = createWorkInProgress(renderLanes, {
10039
10042
  mode: "visible",
10040
- children: JSCompiler_object_inline_stack_2546.children
10043
+ children: JSCompiler_object_inline_stack_2548.children
10041
10044
  });
10042
10045
  renderLanes.return = workInProgress;
10043
10046
  renderLanes.sibling = null;
10044
10047
  null !== current &&
10045
- ((JSCompiler_object_inline_digest_2545 = workInProgress.deletions),
10046
- null === JSCompiler_object_inline_digest_2545
10048
+ ((JSCompiler_object_inline_digest_2547 = workInProgress.deletions),
10049
+ null === JSCompiler_object_inline_digest_2547
10047
10050
  ? ((workInProgress.deletions = [current]),
10048
10051
  (workInProgress.flags |= 16))
10049
- : JSCompiler_object_inline_digest_2545.push(current));
10052
+ : JSCompiler_object_inline_digest_2547.push(current));
10050
10053
  workInProgress.child = renderLanes;
10051
10054
  workInProgress.memoizedState = null;
10052
10055
  return renderLanes;
@@ -10132,21 +10135,30 @@
10132
10135
  (workInProgress.flags |= 128))
10133
10136
  : (suspenseContext &= SubtreeSuspenseContextMask);
10134
10137
  push(suspenseStackCursor, suspenseContext, workInProgress);
10138
+ suspenseContext = null == revealOrder ? "null" : revealOrder;
10135
10139
  if (
10136
- void 0 !== revealOrder &&
10137
10140
  "forwards" !== revealOrder &&
10138
- "backwards" !== revealOrder &&
10141
+ "unstable_legacy-backwards" !== revealOrder &&
10139
10142
  "together" !== revealOrder &&
10140
- !didWarnAboutRevealOrder[revealOrder]
10143
+ "independent" !== revealOrder &&
10144
+ !didWarnAboutRevealOrder[suspenseContext]
10141
10145
  )
10142
10146
  if (
10143
- ((didWarnAboutRevealOrder[revealOrder] = !0),
10144
- "string" === typeof revealOrder)
10147
+ ((didWarnAboutRevealOrder[suspenseContext] = !0), null == revealOrder)
10145
10148
  )
10149
+ console.error(
10150
+ '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".'
10151
+ );
10152
+ else if ("backwards" === revealOrder)
10153
+ console.error(
10154
+ 'The rendering order of <SuspenseList revealOrder="backwards"> is changing. To be future compatible you must specify revealOrder="legacy_unstable-backwards" instead.'
10155
+ );
10156
+ else if ("string" === typeof revealOrder)
10146
10157
  switch (revealOrder.toLowerCase()) {
10147
10158
  case "together":
10148
10159
  case "forwards":
10149
10160
  case "backwards":
10161
+ case "independent":
10150
10162
  console.error(
10151
10163
  '"%s" is not a valid value for revealOrder on <SuspenseList />. Use lowercase "%s" instead.',
10152
10164
  revealOrder,
@@ -10163,32 +10175,48 @@
10163
10175
  break;
10164
10176
  default:
10165
10177
  console.error(
10166
- '"%s" is not a supported revealOrder on <SuspenseList />. Did you mean "together", "forwards" or "backwards"?',
10178
+ '"%s" is not a supported revealOrder on <SuspenseList />. Did you mean "independent", "together", "forwards" or "backwards"?',
10167
10179
  revealOrder
10168
10180
  );
10169
10181
  }
10170
10182
  else
10171
10183
  console.error(
10172
- '%s is not a supported value for revealOrder on <SuspenseList />. Did you mean "together", "forwards" or "backwards"?',
10184
+ '%s is not a supported value for revealOrder on <SuspenseList />. Did you mean "independent", "together", "forwards" or "backwards"?',
10173
10185
  revealOrder
10174
10186
  );
10175
- void 0 === tailMode ||
10176
- didWarnAboutTailOptions[tailMode] ||
10177
- ("collapsed" !== tailMode && "hidden" !== tailMode
10178
- ? ((didWarnAboutTailOptions[tailMode] = !0),
10179
- console.error(
10180
- '"%s" is not a supported value for tail on <SuspenseList />. Did you mean "collapsed" or "hidden"?',
10181
- tailMode
10182
- ))
10183
- : "forwards" !== revealOrder &&
10184
- "backwards" !== revealOrder &&
10185
- ((didWarnAboutTailOptions[tailMode] = !0),
10186
- console.error(
10187
- '<SuspenseList tail="%s" /> is only valid if revealOrder is "forwards" or "backwards". Did you mean to specify revealOrder="forwards"?',
10188
- tailMode
10189
- )));
10187
+ suspenseContext = null == tailMode ? "null" : tailMode;
10188
+ if (!didWarnAboutTailOptions[suspenseContext])
10189
+ if (null == tailMode) {
10190
+ if (
10191
+ "forwards" === revealOrder ||
10192
+ "backwards" === revealOrder ||
10193
+ "unstable_legacy-backwards" === revealOrder
10194
+ )
10195
+ (didWarnAboutTailOptions[suspenseContext] = !0),
10196
+ console.error(
10197
+ '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".'
10198
+ );
10199
+ } else
10200
+ "visible" !== tailMode &&
10201
+ "collapsed" !== tailMode &&
10202
+ "hidden" !== tailMode
10203
+ ? ((didWarnAboutTailOptions[suspenseContext] = !0),
10204
+ console.error(
10205
+ '"%s" is not a supported value for tail on <SuspenseList />. Did you mean "visible", "collapsed" or "hidden"?',
10206
+ tailMode
10207
+ ))
10208
+ : "forwards" !== revealOrder &&
10209
+ "backwards" !== revealOrder &&
10210
+ "unstable_legacy-backwards" !== revealOrder &&
10211
+ ((didWarnAboutTailOptions[suspenseContext] = !0),
10212
+ console.error(
10213
+ '<SuspenseList tail="%s" /> is only valid if revealOrder is "forwards" or "backwards". Did you mean to specify revealOrder="forwards"?',
10214
+ tailMode
10215
+ ));
10190
10216
  a: if (
10191
- ("forwards" === revealOrder || "backwards" === revealOrder) &&
10217
+ ("forwards" === revealOrder ||
10218
+ "backwards" === revealOrder ||
10219
+ "unstable_legacy-backwards" === revealOrder) &&
10192
10220
  void 0 !== nextProps &&
10193
10221
  null !== nextProps &&
10194
10222
  !1 !== nextProps
@@ -10275,6 +10303,7 @@
10275
10303
  );
10276
10304
  break;
10277
10305
  case "backwards":
10306
+ case "unstable_legacy-backwards":
10278
10307
  renderLanes = null;
10279
10308
  revealOrder = workInProgress.child;
10280
10309
  for (workInProgress.child = null; null !== revealOrder; ) {
@@ -25449,11 +25478,11 @@
25449
25478
  };
25450
25479
  (function () {
25451
25480
  var isomorphicReactPackageVersion = React.version;
25452
- if ("19.2.0-canary-1ae0a845-20250603" !== isomorphicReactPackageVersion)
25481
+ if ("19.2.0-canary-b4477d38-20250605" !== isomorphicReactPackageVersion)
25453
25482
  throw Error(
25454
25483
  'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
25455
25484
  (isomorphicReactPackageVersion +
25456
- "\n - react-dom: 19.2.0-canary-1ae0a845-20250603\nLearn more: https://react.dev/warnings/version-mismatch")
25485
+ "\n - react-dom: 19.2.0-canary-b4477d38-20250605\nLearn more: https://react.dev/warnings/version-mismatch")
25457
25486
  );
25458
25487
  })();
25459
25488
  ("function" === typeof Map &&
@@ -25490,10 +25519,10 @@
25490
25519
  !(function () {
25491
25520
  var internals = {
25492
25521
  bundleType: 1,
25493
- version: "19.2.0-canary-1ae0a845-20250603",
25522
+ version: "19.2.0-canary-b4477d38-20250605",
25494
25523
  rendererPackageName: "react-dom",
25495
25524
  currentDispatcherRef: ReactSharedInternals,
25496
- reconcilerVersion: "19.2.0-canary-1ae0a845-20250603"
25525
+ reconcilerVersion: "19.2.0-canary-b4477d38-20250605"
25497
25526
  };
25498
25527
  internals.overrideHookState = overrideHookState;
25499
25528
  internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -25631,7 +25660,7 @@
25631
25660
  listenToAllSupportedEvents(container);
25632
25661
  return new ReactDOMHydrationRoot(initialChildren);
25633
25662
  };
25634
- exports.version = "19.2.0-canary-1ae0a845-20250603";
25663
+ exports.version = "19.2.0-canary-b4477d38-20250605";
25635
25664
  "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
25636
25665
  "function" ===
25637
25666
  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
@@ -4282,7 +4282,13 @@ function findFirstSuspended(row) {
4282
4282
  isSuspenseInstanceFallback(state))
4283
4283
  )
4284
4284
  return node;
4285
- } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
4285
+ } else if (
4286
+ 19 === node.tag &&
4287
+ ("forwards" === node.memoizedProps.revealOrder ||
4288
+ "backwards" === node.memoizedProps.revealOrder ||
4289
+ "unstable_legacy-backwards" === node.memoizedProps.revealOrder ||
4290
+ "together" === node.memoizedProps.revealOrder)
4291
+ ) {
4286
4292
  if (0 !== (node.flags & 128)) return node;
4287
4293
  } else if (null !== node.child) {
4288
4294
  node.child.return = node;
@@ -7039,6 +7045,7 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
7039
7045
  );
7040
7046
  break;
7041
7047
  case "backwards":
7048
+ case "unstable_legacy-backwards":
7042
7049
  renderLanes = null;
7043
7050
  revealOrder = workInProgress.child;
7044
7051
  for (workInProgress.child = null; null !== revealOrder; ) {
@@ -15686,14 +15693,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
15686
15693
  };
15687
15694
  var isomorphicReactPackageVersion$jscomp$inline_1851 = React.version;
15688
15695
  if (
15689
- "19.2.0-canary-1ae0a845-20250603" !==
15696
+ "19.2.0-canary-b4477d38-20250605" !==
15690
15697
  isomorphicReactPackageVersion$jscomp$inline_1851
15691
15698
  )
15692
15699
  throw Error(
15693
15700
  formatProdErrorMessage(
15694
15701
  527,
15695
15702
  isomorphicReactPackageVersion$jscomp$inline_1851,
15696
- "19.2.0-canary-1ae0a845-20250603"
15703
+ "19.2.0-canary-b4477d38-20250605"
15697
15704
  )
15698
15705
  );
15699
15706
  ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -15715,10 +15722,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
15715
15722
  };
15716
15723
  var internals$jscomp$inline_2344 = {
15717
15724
  bundleType: 0,
15718
- version: "19.2.0-canary-1ae0a845-20250603",
15725
+ version: "19.2.0-canary-b4477d38-20250605",
15719
15726
  rendererPackageName: "react-dom",
15720
15727
  currentDispatcherRef: ReactSharedInternals,
15721
- reconcilerVersion: "19.2.0-canary-1ae0a845-20250603"
15728
+ reconcilerVersion: "19.2.0-canary-b4477d38-20250605"
15722
15729
  };
15723
15730
  if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
15724
15731
  var hook$jscomp$inline_2345 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -15816,4 +15823,4 @@ exports.hydrateRoot = function (container, initialChildren, options) {
15816
15823
  listenToAllSupportedEvents(container);
15817
15824
  return new ReactDOMHydrationRoot(initialChildren);
15818
15825
  };
15819
- exports.version = "19.2.0-canary-1ae0a845-20250603";
15826
+ exports.version = "19.2.0-canary-b4477d38-20250605";