react-dom 19.2.0-canary-72135096-20250421 → 19.2.0-canary-197d6a04-20250424

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.
@@ -146,6 +146,16 @@
146
146
  }
147
147
  return null;
148
148
  }
149
+ function getActivityInstanceFromFiber(fiber) {
150
+ if (31 === fiber.tag) {
151
+ var activityState = fiber.memoizedState;
152
+ null === activityState &&
153
+ ((fiber = fiber.alternate),
154
+ null !== fiber && (activityState = fiber.memoizedState));
155
+ if (null !== activityState) return activityState.dehydrated;
156
+ }
157
+ return null;
158
+ }
149
159
  function assertIsMounted(fiber) {
150
160
  if (getNearestMountedFiber(fiber) !== fiber)
151
161
  throw Error("Unable to find node on an unmounted component.");
@@ -1250,6 +1260,16 @@
1250
1260
  rootEntangledLanes &= ~lane;
1251
1261
  }
1252
1262
  }
1263
+ function getBumpedLaneForHydration(root, renderLanes) {
1264
+ var renderLane = renderLanes & -renderLanes;
1265
+ renderLane =
1266
+ 0 !== (renderLane & 42)
1267
+ ? 1
1268
+ : getBumpedLaneForHydrationByLane(renderLane);
1269
+ return 0 !== (renderLane & (root.suspendedLanes | renderLanes))
1270
+ ? 0
1271
+ : renderLane;
1272
+ }
1253
1273
  function getBumpedLaneForHydrationByLane(lane) {
1254
1274
  switch (lane) {
1255
1275
  case 2:
@@ -1367,13 +1387,13 @@
1367
1387
  (null !== parentNode && null !== parentNode.child)
1368
1388
  )
1369
1389
  for (
1370
- targetNode = getParentSuspenseInstance(targetNode);
1390
+ targetNode = getParentHydrationBoundary(targetNode);
1371
1391
  null !== targetNode;
1372
1392
 
1373
1393
  ) {
1374
1394
  if ((parentNode = targetNode[internalInstanceKey]))
1375
1395
  return parentNode;
1376
- targetNode = getParentSuspenseInstance(targetNode);
1396
+ targetNode = getParentHydrationBoundary(targetNode);
1377
1397
  }
1378
1398
  return targetInst;
1379
1399
  }
@@ -1391,6 +1411,7 @@
1391
1411
  5 === tag ||
1392
1412
  6 === tag ||
1393
1413
  13 === tag ||
1414
+ 31 === tag ||
1394
1415
  26 === tag ||
1395
1416
  27 === tag ||
1396
1417
  3 === tag
@@ -1922,6 +1943,8 @@
1922
1943
  return fiber.type;
1923
1944
  case 16:
1924
1945
  return "Lazy";
1946
+ case 31:
1947
+ return "Activity";
1925
1948
  case 13:
1926
1949
  return "Suspense";
1927
1950
  case 19:
@@ -4301,6 +4324,11 @@
4301
4324
  content.lanes = lanes;
4302
4325
  return content;
4303
4326
  }
4327
+ function createFiberFromDehydratedFragment(dehydratedNode) {
4328
+ var fiber = createFiber(18, null, null, NoMode);
4329
+ fiber.stateNode = dehydratedNode;
4330
+ return fiber;
4331
+ }
4304
4332
  function createFiberFromPortal(portal, mode, lanes) {
4305
4333
  mode = createFiber(
4306
4334
  4,
@@ -4372,6 +4400,21 @@
4372
4400
  (treeContextId = idStack[--idStackIndex]),
4373
4401
  (idStack[idStackIndex] = null);
4374
4402
  }
4403
+ function getSuspendedTreeContext() {
4404
+ warnIfNotHydrating();
4405
+ return null !== treeContextProvider
4406
+ ? { id: treeContextId, overflow: treeContextOverflow }
4407
+ : null;
4408
+ }
4409
+ function restoreSuspendedTreeContext(workInProgress, suspendedContext) {
4410
+ warnIfNotHydrating();
4411
+ idStack[idStackIndex++] = treeContextId;
4412
+ idStack[idStackIndex++] = treeContextOverflow;
4413
+ idStack[idStackIndex++] = treeContextProvider;
4414
+ treeContextId = suspendedContext.id;
4415
+ treeContextOverflow = suspendedContext.overflow;
4416
+ treeContextProvider = workInProgress;
4417
+ }
4375
4418
  function warnIfNotHydrating() {
4376
4419
  isHydrating ||
4377
4420
  console.error(
@@ -4419,6 +4462,12 @@
4419
4462
  siblings.push(distanceFromLeaf);
4420
4463
  return distanceFromLeaf;
4421
4464
  }
4465
+ function warnIfHydrating() {
4466
+ isHydrating &&
4467
+ console.error(
4468
+ "We should not be hydrating here. This is a bug in React. Please file a bug."
4469
+ );
4470
+ }
4422
4471
  function warnNonHydratedInstance(fiber, rejectedCandidate) {
4423
4472
  didSuspendOrErrorDEV ||
4424
4473
  ((fiber = buildHydrationDiffNode(fiber, 0)),
@@ -4541,6 +4590,7 @@
4541
4590
  for (hydrationParentFiber = fiber.return; hydrationParentFiber; )
4542
4591
  switch (hydrationParentFiber.tag) {
4543
4592
  case 5:
4593
+ case 31:
4544
4594
  case 13:
4545
4595
  rootOrSingletonContext = !1;
4546
4596
  return;
@@ -4574,7 +4624,7 @@
4574
4624
  diffNode.serverTail.push(description);
4575
4625
  JSCompiler_temp =
4576
4626
  "Suspense" === description.type
4577
- ? getNextHydratableInstanceAfterSuspenseInstance(JSCompiler_temp)
4627
+ ? getNextHydratableInstanceAfterHydrationBoundary(JSCompiler_temp)
4578
4628
  : getNextHydratable(JSCompiler_temp.nextSibling);
4579
4629
  }
4580
4630
  throwOnHydrationMismatch(fiber);
@@ -4588,7 +4638,16 @@
4588
4638
  "Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue."
4589
4639
  );
4590
4640
  nextHydratableInstance =
4591
- getNextHydratableInstanceAfterSuspenseInstance(fiber);
4641
+ getNextHydratableInstanceAfterHydrationBoundary(fiber);
4642
+ } else if (31 === tag) {
4643
+ fiber = fiber.memoizedState;
4644
+ fiber = null !== fiber ? fiber.dehydrated : null;
4645
+ if (!fiber)
4646
+ throw Error(
4647
+ "Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue."
4648
+ );
4649
+ nextHydratableInstance =
4650
+ getNextHydratableInstanceAfterHydrationBoundary(fiber);
4592
4651
  } else
4593
4652
  27 === tag
4594
4653
  ? ((tag = nextHydratableInstance),
@@ -6487,19 +6546,17 @@
6487
6546
  ? (shellBoundary = handler)
6488
6547
  : null !== current.memoizedState && (shellBoundary = handler));
6489
6548
  }
6549
+ function pushDehydratedActivitySuspenseHandler(fiber) {
6550
+ push(suspenseStackCursor, suspenseStackCursor.current, fiber);
6551
+ push(suspenseHandlerStackCursor, fiber, fiber);
6552
+ null === shellBoundary && (shellBoundary = fiber);
6553
+ }
6490
6554
  function pushOffscreenSuspenseHandler(fiber) {
6491
- if (22 === fiber.tag) {
6492
- if (
6493
- (push(suspenseStackCursor, suspenseStackCursor.current, fiber),
6555
+ 22 === fiber.tag
6556
+ ? (push(suspenseStackCursor, suspenseStackCursor.current, fiber),
6494
6557
  push(suspenseHandlerStackCursor, fiber, fiber),
6495
- null === shellBoundary)
6496
- ) {
6497
- var current = fiber.alternate;
6498
- null !== current &&
6499
- null !== current.memoizedState &&
6500
- (shellBoundary = fiber);
6501
- }
6502
- } else reuseSuspenseHandlerOnStack(fiber);
6558
+ null === shellBoundary && (shellBoundary = fiber))
6559
+ : reuseSuspenseHandlerOnStack(fiber);
6503
6560
  }
6504
6561
  function reuseSuspenseHandlerOnStack(fiber) {
6505
6562
  push(suspenseStackCursor, suspenseStackCursor.current, fiber);
@@ -8498,6 +8555,7 @@
8498
8555
  sourceFiber = suspenseHandlerStackCursor.current;
8499
8556
  if (null !== sourceFiber) {
8500
8557
  switch (sourceFiber.tag) {
8558
+ case 31:
8501
8559
  case 13:
8502
8560
  return (
8503
8561
  null === shellBoundary
@@ -8827,7 +8885,18 @@
8827
8885
  renderLanes
8828
8886
  );
8829
8887
  }
8830
- if (0 === (renderLanes & 536870912) || isHydrating)
8888
+ if (0 !== (renderLanes & 536870912))
8889
+ (workInProgress.memoizedState = { baseLanes: 0, cachePool: null }),
8890
+ null !== current &&
8891
+ pushTransition(
8892
+ workInProgress,
8893
+ null !== prevState ? prevState.cachePool : null
8894
+ ),
8895
+ null !== prevState
8896
+ ? pushHiddenContext(workInProgress, prevState)
8897
+ : reuseHiddenContextOnStack(workInProgress),
8898
+ pushOffscreenSuspenseHandler(workInProgress);
8899
+ else
8831
8900
  return (
8832
8901
  (workInProgress.lanes = workInProgress.childLanes = 536870912),
8833
8902
  deferHiddenOffscreenComponent(
@@ -8839,16 +8908,6 @@
8839
8908
  renderLanes
8840
8909
  )
8841
8910
  );
8842
- workInProgress.memoizedState = { baseLanes: 0, cachePool: null };
8843
- null !== current &&
8844
- pushTransition(
8845
- workInProgress,
8846
- null !== prevState ? prevState.cachePool : null
8847
- );
8848
- null !== prevState
8849
- ? pushHiddenContext(workInProgress, prevState)
8850
- : reuseHiddenContextOnStack(workInProgress);
8851
- pushOffscreenSuspenseHandler(workInProgress);
8852
8911
  } else
8853
8912
  null !== prevState
8854
8913
  ? (pushTransition(workInProgress, prevState.cachePool),
@@ -8886,6 +8945,42 @@
8886
8945
  propagateParentContextChanges(current, workInProgress, renderLanes, !0);
8887
8946
  return null;
8888
8947
  }
8948
+ function mountActivityChildren(workInProgress, nextProps) {
8949
+ var hiddenProp = nextProps.hidden;
8950
+ void 0 !== hiddenProp &&
8951
+ console.error(
8952
+ '<Activity> doesn\'t accept a hidden prop. Use mode="hidden" instead.\n- <Activity %s>\n+ <Activity %s>',
8953
+ !0 === hiddenProp
8954
+ ? "hidden"
8955
+ : !1 === hiddenProp
8956
+ ? "hidden={false}"
8957
+ : "hidden={...}",
8958
+ hiddenProp ? 'mode="hidden"' : 'mode="visible"'
8959
+ );
8960
+ nextProps = mountWorkInProgressOffscreenFiber(
8961
+ { mode: nextProps.mode, children: nextProps.children },
8962
+ workInProgress.mode
8963
+ );
8964
+ nextProps.ref = workInProgress.ref;
8965
+ workInProgress.child = nextProps;
8966
+ nextProps.return = workInProgress;
8967
+ return nextProps;
8968
+ }
8969
+ function retryActivityComponentWithoutHydrating(
8970
+ current,
8971
+ workInProgress,
8972
+ renderLanes
8973
+ ) {
8974
+ reconcileChildFibers(workInProgress, current.child, null, renderLanes);
8975
+ current = mountActivityChildren(
8976
+ workInProgress,
8977
+ workInProgress.pendingProps
8978
+ );
8979
+ current.flags |= 2;
8980
+ popSuspenseHandler(workInProgress);
8981
+ workInProgress.memoizedState = null;
8982
+ return current;
8983
+ }
8889
8984
  function markRef(current, workInProgress) {
8890
8985
  var ref = workInProgress.ref;
8891
8986
  if (null === ref)
@@ -9590,72 +9685,51 @@
9590
9685
  return current;
9591
9686
  }
9592
9687
  function updateSuspenseComponent(current, workInProgress, renderLanes) {
9593
- var JSCompiler_object_inline_digest_2453;
9594
- var JSCompiler_object_inline_stack_2454 = workInProgress.pendingProps;
9688
+ var JSCompiler_object_inline_digest_2532;
9689
+ var JSCompiler_object_inline_stack_2533 = workInProgress.pendingProps;
9595
9690
  shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128);
9596
- var showFallback = !1,
9597
- didSuspend = 0 !== (workInProgress.flags & 128);
9598
- (JSCompiler_object_inline_digest_2453 = didSuspend) ||
9599
- (JSCompiler_object_inline_digest_2453 =
9691
+ var JSCompiler_object_inline_message_2531 = !1;
9692
+ var didSuspend = 0 !== (workInProgress.flags & 128);
9693
+ (JSCompiler_object_inline_digest_2532 = didSuspend) ||
9694
+ (JSCompiler_object_inline_digest_2532 =
9600
9695
  null !== current && null === current.memoizedState
9601
9696
  ? !1
9602
9697
  : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback));
9603
- JSCompiler_object_inline_digest_2453 &&
9604
- ((showFallback = !0), (workInProgress.flags &= -129));
9605
- JSCompiler_object_inline_digest_2453 = 0 !== (workInProgress.flags & 32);
9698
+ JSCompiler_object_inline_digest_2532 &&
9699
+ ((JSCompiler_object_inline_message_2531 = !0),
9700
+ (workInProgress.flags &= -129));
9701
+ JSCompiler_object_inline_digest_2532 = 0 !== (workInProgress.flags & 32);
9606
9702
  workInProgress.flags &= -33;
9607
9703
  if (null === current) {
9608
9704
  if (isHydrating) {
9609
- showFallback
9705
+ JSCompiler_object_inline_message_2531
9610
9706
  ? pushPrimaryTreeSuspenseHandler(workInProgress)
9611
9707
  : reuseSuspenseHandlerOnStack(workInProgress);
9612
- if ((current = nextHydratableInstance)) {
9613
- a: {
9614
- JSCompiler_object_inline_digest_2453 = current;
9615
- for (
9616
- renderLanes = rootOrSingletonContext;
9617
- 8 !== JSCompiler_object_inline_digest_2453.nodeType;
9618
-
9619
- ) {
9620
- if (!renderLanes) {
9621
- renderLanes = null;
9622
- break a;
9623
- }
9624
- JSCompiler_object_inline_digest_2453 = getNextHydratable(
9625
- JSCompiler_object_inline_digest_2453.nextSibling
9626
- );
9627
- if (null === JSCompiler_object_inline_digest_2453) {
9628
- renderLanes = null;
9629
- break a;
9630
- }
9631
- }
9632
- renderLanes = JSCompiler_object_inline_digest_2453;
9633
- }
9634
- null !== renderLanes &&
9635
- (warnIfNotHydrating(),
9636
- (workInProgress.memoizedState = {
9637
- dehydrated: renderLanes,
9638
- treeContext:
9639
- null !== treeContextProvider
9640
- ? { id: treeContextId, overflow: treeContextOverflow }
9641
- : null,
9642
- retryLane: 536870912,
9643
- hydrationErrors: null
9644
- }),
9645
- (JSCompiler_object_inline_digest_2453 = renderLanes),
9646
- (JSCompiler_object_inline_stack_2454 = createFiber(
9647
- 18,
9648
- null,
9649
- null,
9650
- NoMode
9708
+ (current = nextHydratableInstance)
9709
+ ? ((renderLanes = canHydrateHydrationBoundary(
9710
+ current,
9711
+ rootOrSingletonContext
9651
9712
  )),
9652
- (JSCompiler_object_inline_stack_2454.stateNode =
9653
- JSCompiler_object_inline_digest_2453),
9654
- (JSCompiler_object_inline_stack_2454.return = workInProgress),
9655
- (workInProgress.child = JSCompiler_object_inline_stack_2454),
9656
- (hydrationParentFiber = workInProgress),
9657
- (nextHydratableInstance = null));
9658
- } else renderLanes = null;
9713
+ (renderLanes =
9714
+ null !== renderLanes && renderLanes.data !== ACTIVITY_START_DATA
9715
+ ? renderLanes
9716
+ : null),
9717
+ null !== renderLanes &&
9718
+ ((JSCompiler_object_inline_digest_2532 = {
9719
+ dehydrated: renderLanes,
9720
+ treeContext: getSuspendedTreeContext(),
9721
+ retryLane: 536870912,
9722
+ hydrationErrors: null
9723
+ }),
9724
+ (workInProgress.memoizedState =
9725
+ JSCompiler_object_inline_digest_2532),
9726
+ (JSCompiler_object_inline_digest_2532 =
9727
+ createFiberFromDehydratedFragment(renderLanes)),
9728
+ (JSCompiler_object_inline_digest_2532.return = workInProgress),
9729
+ (workInProgress.child = JSCompiler_object_inline_digest_2532),
9730
+ (hydrationParentFiber = workInProgress),
9731
+ (nextHydratableInstance = null)))
9732
+ : (renderLanes = null);
9659
9733
  if (null === renderLanes)
9660
9734
  throw (
9661
9735
  (warnNonHydratedInstance(workInProgress, current),
@@ -9666,305 +9740,266 @@
9666
9740
  : (workInProgress.lanes = 536870912);
9667
9741
  return null;
9668
9742
  }
9669
- var JSCompiler_object_inline_componentStack_2455 =
9670
- JSCompiler_object_inline_stack_2454.children;
9671
- JSCompiler_object_inline_stack_2454 =
9672
- JSCompiler_object_inline_stack_2454.fallback;
9673
- if (showFallback) {
9743
+ var nextPrimaryChildren = JSCompiler_object_inline_stack_2533.children;
9744
+ JSCompiler_object_inline_stack_2533 =
9745
+ JSCompiler_object_inline_stack_2533.fallback;
9746
+ if (JSCompiler_object_inline_message_2531) {
9674
9747
  reuseSuspenseHandlerOnStack(workInProgress);
9675
9748
  var mode = workInProgress.mode;
9676
- JSCompiler_object_inline_componentStack_2455 =
9677
- mountWorkInProgressOffscreenFiber(
9678
- {
9679
- mode: "hidden",
9680
- children: JSCompiler_object_inline_componentStack_2455
9681
- },
9682
- mode
9683
- );
9684
- JSCompiler_object_inline_stack_2454 = createFiberFromFragment(
9685
- JSCompiler_object_inline_stack_2454,
9749
+ nextPrimaryChildren = mountWorkInProgressOffscreenFiber(
9750
+ { mode: "hidden", children: nextPrimaryChildren },
9751
+ mode
9752
+ );
9753
+ JSCompiler_object_inline_stack_2533 = createFiberFromFragment(
9754
+ JSCompiler_object_inline_stack_2533,
9686
9755
  mode,
9687
9756
  renderLanes,
9688
9757
  null
9689
9758
  );
9690
- JSCompiler_object_inline_componentStack_2455.return = workInProgress;
9691
- JSCompiler_object_inline_stack_2454.return = workInProgress;
9692
- JSCompiler_object_inline_componentStack_2455.sibling =
9693
- JSCompiler_object_inline_stack_2454;
9694
- workInProgress.child = JSCompiler_object_inline_componentStack_2455;
9695
- JSCompiler_object_inline_componentStack_2455 = workInProgress.child;
9696
- JSCompiler_object_inline_componentStack_2455.memoizedState =
9759
+ nextPrimaryChildren.return = workInProgress;
9760
+ JSCompiler_object_inline_stack_2533.return = workInProgress;
9761
+ nextPrimaryChildren.sibling = JSCompiler_object_inline_stack_2533;
9762
+ workInProgress.child = nextPrimaryChildren;
9763
+ nextPrimaryChildren = workInProgress.child;
9764
+ nextPrimaryChildren.memoizedState =
9697
9765
  mountSuspenseOffscreenState(renderLanes);
9698
- JSCompiler_object_inline_componentStack_2455.childLanes =
9699
- getRemainingWorkInPrimaryTree(
9700
- current,
9701
- JSCompiler_object_inline_digest_2453,
9702
- renderLanes
9703
- );
9766
+ nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree(
9767
+ current,
9768
+ JSCompiler_object_inline_digest_2532,
9769
+ renderLanes
9770
+ );
9704
9771
  workInProgress.memoizedState = SUSPENDED_MARKER;
9705
- return JSCompiler_object_inline_stack_2454;
9772
+ return JSCompiler_object_inline_stack_2533;
9706
9773
  }
9707
9774
  pushPrimaryTreeSuspenseHandler(workInProgress);
9708
9775
  return mountSuspensePrimaryChildren(
9709
9776
  workInProgress,
9710
- JSCompiler_object_inline_componentStack_2455
9777
+ nextPrimaryChildren
9711
9778
  );
9712
9779
  }
9713
- var JSCompiler_object_inline_message_2452 = current.memoizedState;
9714
- if (
9715
- null !== JSCompiler_object_inline_message_2452 &&
9716
- ((JSCompiler_object_inline_componentStack_2455 =
9717
- JSCompiler_object_inline_message_2452.dehydrated),
9718
- null !== JSCompiler_object_inline_componentStack_2455)
9719
- ) {
9720
- if (didSuspend)
9721
- workInProgress.flags & 256
9722
- ? (pushPrimaryTreeSuspenseHandler(workInProgress),
9723
- (workInProgress.flags &= -257),
9724
- (workInProgress = retrySuspenseComponentWithoutHydrating(
9725
- current,
9726
- workInProgress,
9727
- renderLanes
9728
- )))
9729
- : null !== workInProgress.memoizedState
9730
- ? (reuseSuspenseHandlerOnStack(workInProgress),
9731
- (workInProgress.child = current.child),
9732
- (workInProgress.flags |= 128),
9733
- (workInProgress = null))
9734
- : (reuseSuspenseHandlerOnStack(workInProgress),
9735
- (JSCompiler_object_inline_componentStack_2455 =
9736
- JSCompiler_object_inline_stack_2454.fallback),
9737
- (mode = workInProgress.mode),
9738
- (JSCompiler_object_inline_stack_2454 =
9739
- mountWorkInProgressOffscreenFiber(
9740
- {
9741
- mode: "visible",
9742
- children: JSCompiler_object_inline_stack_2454.children
9743
- },
9744
- mode
9745
- )),
9746
- (JSCompiler_object_inline_componentStack_2455 =
9747
- createFiberFromFragment(
9748
- JSCompiler_object_inline_componentStack_2455,
9780
+ var prevState = current.memoizedState;
9781
+ if (null !== prevState) {
9782
+ var JSCompiler_object_inline_componentStack_2534 = prevState.dehydrated;
9783
+ if (null !== JSCompiler_object_inline_componentStack_2534) {
9784
+ if (didSuspend)
9785
+ workInProgress.flags & 256
9786
+ ? (pushPrimaryTreeSuspenseHandler(workInProgress),
9787
+ (workInProgress.flags &= -257),
9788
+ (workInProgress = retrySuspenseComponentWithoutHydrating(
9789
+ current,
9790
+ workInProgress,
9791
+ renderLanes
9792
+ )))
9793
+ : null !== workInProgress.memoizedState
9794
+ ? (reuseSuspenseHandlerOnStack(workInProgress),
9795
+ (workInProgress.child = current.child),
9796
+ (workInProgress.flags |= 128),
9797
+ (workInProgress = null))
9798
+ : (reuseSuspenseHandlerOnStack(workInProgress),
9799
+ (nextPrimaryChildren =
9800
+ JSCompiler_object_inline_stack_2533.fallback),
9801
+ (mode = workInProgress.mode),
9802
+ (JSCompiler_object_inline_stack_2533 =
9803
+ mountWorkInProgressOffscreenFiber(
9804
+ {
9805
+ mode: "visible",
9806
+ children: JSCompiler_object_inline_stack_2533.children
9807
+ },
9808
+ mode
9809
+ )),
9810
+ (nextPrimaryChildren = createFiberFromFragment(
9811
+ nextPrimaryChildren,
9749
9812
  mode,
9750
9813
  renderLanes,
9751
9814
  null
9752
9815
  )),
9753
- (JSCompiler_object_inline_componentStack_2455.flags |= 2),
9754
- (JSCompiler_object_inline_stack_2454.return = workInProgress),
9755
- (JSCompiler_object_inline_componentStack_2455.return =
9756
- workInProgress),
9757
- (JSCompiler_object_inline_stack_2454.sibling =
9758
- JSCompiler_object_inline_componentStack_2455),
9759
- (workInProgress.child = JSCompiler_object_inline_stack_2454),
9760
- reconcileChildFibers(
9761
- workInProgress,
9762
- current.child,
9763
- null,
9764
- renderLanes
9765
- ),
9766
- (JSCompiler_object_inline_stack_2454 = workInProgress.child),
9767
- (JSCompiler_object_inline_stack_2454.memoizedState =
9768
- mountSuspenseOffscreenState(renderLanes)),
9769
- (JSCompiler_object_inline_stack_2454.childLanes =
9770
- getRemainingWorkInPrimaryTree(
9771
- current,
9772
- JSCompiler_object_inline_digest_2453,
9816
+ (nextPrimaryChildren.flags |= 2),
9817
+ (JSCompiler_object_inline_stack_2533.return = workInProgress),
9818
+ (nextPrimaryChildren.return = workInProgress),
9819
+ (JSCompiler_object_inline_stack_2533.sibling =
9820
+ nextPrimaryChildren),
9821
+ (workInProgress.child = JSCompiler_object_inline_stack_2533),
9822
+ reconcileChildFibers(
9823
+ workInProgress,
9824
+ current.child,
9825
+ null,
9773
9826
  renderLanes
9774
- )),
9775
- (workInProgress.memoizedState = SUSPENDED_MARKER),
9776
- (workInProgress =
9777
- JSCompiler_object_inline_componentStack_2455));
9778
- else if (
9779
- (pushPrimaryTreeSuspenseHandler(workInProgress),
9780
- isHydrating &&
9781
- console.error(
9782
- "We should not be hydrating here. This is a bug in React. Please file a bug."
9783
- ),
9784
- isSuspenseInstanceFallback(
9785
- JSCompiler_object_inline_componentStack_2455
9786
- ))
9787
- ) {
9788
- JSCompiler_object_inline_digest_2453 =
9789
- JSCompiler_object_inline_componentStack_2455.nextSibling &&
9790
- JSCompiler_object_inline_componentStack_2455.nextSibling.dataset;
9791
- if (JSCompiler_object_inline_digest_2453) {
9792
- mode = JSCompiler_object_inline_digest_2453.dgst;
9793
- var message = JSCompiler_object_inline_digest_2453.msg;
9794
- var componentStack = JSCompiler_object_inline_digest_2453.stck;
9795
- var componentStack$jscomp$0 =
9796
- JSCompiler_object_inline_digest_2453.cstck;
9797
- }
9798
- JSCompiler_object_inline_message_2452 = message;
9799
- JSCompiler_object_inline_digest_2453 = mode;
9800
- JSCompiler_object_inline_stack_2454 = componentStack;
9801
- JSCompiler_object_inline_componentStack_2455 =
9802
- componentStack$jscomp$0;
9803
- mode = JSCompiler_object_inline_message_2452;
9804
- componentStack = JSCompiler_object_inline_componentStack_2455;
9805
- JSCompiler_object_inline_componentStack_2455 = mode
9806
- ? Error(mode)
9807
- : Error(
9808
- "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
9827
+ ),
9828
+ (JSCompiler_object_inline_stack_2533 = workInProgress.child),
9829
+ (JSCompiler_object_inline_stack_2533.memoizedState =
9830
+ mountSuspenseOffscreenState(renderLanes)),
9831
+ (JSCompiler_object_inline_stack_2533.childLanes =
9832
+ getRemainingWorkInPrimaryTree(
9833
+ current,
9834
+ JSCompiler_object_inline_digest_2532,
9835
+ renderLanes
9836
+ )),
9837
+ (workInProgress.memoizedState = SUSPENDED_MARKER),
9838
+ (workInProgress = nextPrimaryChildren));
9839
+ else if (
9840
+ (pushPrimaryTreeSuspenseHandler(workInProgress),
9841
+ warnIfHydrating(),
9842
+ isSuspenseInstanceFallback(
9843
+ JSCompiler_object_inline_componentStack_2534
9844
+ ))
9845
+ ) {
9846
+ JSCompiler_object_inline_digest_2532 =
9847
+ JSCompiler_object_inline_componentStack_2534.nextSibling &&
9848
+ JSCompiler_object_inline_componentStack_2534.nextSibling.dataset;
9849
+ if (JSCompiler_object_inline_digest_2532) {
9850
+ nextPrimaryChildren = JSCompiler_object_inline_digest_2532.dgst;
9851
+ var message = JSCompiler_object_inline_digest_2532.msg;
9852
+ mode = JSCompiler_object_inline_digest_2532.stck;
9853
+ var componentStack = JSCompiler_object_inline_digest_2532.cstck;
9854
+ }
9855
+ JSCompiler_object_inline_message_2531 = message;
9856
+ JSCompiler_object_inline_digest_2532 = nextPrimaryChildren;
9857
+ JSCompiler_object_inline_stack_2533 = mode;
9858
+ JSCompiler_object_inline_componentStack_2534 = componentStack;
9859
+ nextPrimaryChildren = JSCompiler_object_inline_message_2531;
9860
+ mode = JSCompiler_object_inline_componentStack_2534;
9861
+ nextPrimaryChildren = nextPrimaryChildren
9862
+ ? Error(nextPrimaryChildren)
9863
+ : Error(
9864
+ "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
9865
+ );
9866
+ nextPrimaryChildren.stack =
9867
+ JSCompiler_object_inline_stack_2533 || "";
9868
+ nextPrimaryChildren.digest = JSCompiler_object_inline_digest_2532;
9869
+ JSCompiler_object_inline_digest_2532 =
9870
+ void 0 === mode ? null : mode;
9871
+ JSCompiler_object_inline_stack_2533 = {
9872
+ value: nextPrimaryChildren,
9873
+ source: null,
9874
+ stack: JSCompiler_object_inline_digest_2532
9875
+ };
9876
+ "string" === typeof JSCompiler_object_inline_digest_2532 &&
9877
+ CapturedStacks.set(
9878
+ nextPrimaryChildren,
9879
+ JSCompiler_object_inline_stack_2533
9809
9880
  );
9810
- JSCompiler_object_inline_componentStack_2455.stack =
9811
- JSCompiler_object_inline_stack_2454 || "";
9812
- JSCompiler_object_inline_componentStack_2455.digest =
9813
- JSCompiler_object_inline_digest_2453;
9814
- JSCompiler_object_inline_digest_2453 =
9815
- void 0 === componentStack ? null : componentStack;
9816
- JSCompiler_object_inline_stack_2454 = {
9817
- value: JSCompiler_object_inline_componentStack_2455,
9818
- source: null,
9819
- stack: JSCompiler_object_inline_digest_2453
9820
- };
9821
- "string" === typeof JSCompiler_object_inline_digest_2453 &&
9822
- CapturedStacks.set(
9823
- JSCompiler_object_inline_componentStack_2455,
9824
- JSCompiler_object_inline_stack_2454
9825
- );
9826
- queueHydrationError(JSCompiler_object_inline_stack_2454);
9827
- workInProgress = retrySuspenseComponentWithoutHydrating(
9828
- current,
9829
- workInProgress,
9830
- renderLanes
9831
- );
9832
- } else if (
9833
- (didReceiveUpdate ||
9834
- propagateParentContextChanges(
9881
+ queueHydrationError(JSCompiler_object_inline_stack_2533);
9882
+ workInProgress = retrySuspenseComponentWithoutHydrating(
9835
9883
  current,
9836
9884
  workInProgress,
9837
- renderLanes,
9838
- !1
9839
- ),
9840
- (JSCompiler_object_inline_digest_2453 =
9841
- 0 !== (renderLanes & current.childLanes)),
9842
- didReceiveUpdate || JSCompiler_object_inline_digest_2453)
9843
- ) {
9844
- JSCompiler_object_inline_digest_2453 = workInProgressRoot;
9845
- if (
9846
- null !== JSCompiler_object_inline_digest_2453 &&
9847
- ((JSCompiler_object_inline_stack_2454 = renderLanes & -renderLanes),
9848
- (JSCompiler_object_inline_stack_2454 =
9849
- 0 !== (JSCompiler_object_inline_stack_2454 & 42)
9850
- ? 1
9851
- : getBumpedLaneForHydrationByLane(
9852
- JSCompiler_object_inline_stack_2454
9853
- )),
9854
- (JSCompiler_object_inline_stack_2454 =
9855
- 0 !==
9856
- (JSCompiler_object_inline_stack_2454 &
9857
- (JSCompiler_object_inline_digest_2453.suspendedLanes |
9858
- renderLanes))
9859
- ? 0
9860
- : JSCompiler_object_inline_stack_2454),
9861
- 0 !== JSCompiler_object_inline_stack_2454 &&
9862
- JSCompiler_object_inline_stack_2454 !==
9863
- JSCompiler_object_inline_message_2452.retryLane)
9864
- )
9865
- throw (
9866
- ((JSCompiler_object_inline_message_2452.retryLane =
9867
- JSCompiler_object_inline_stack_2454),
9868
- enqueueConcurrentRenderForLane(
9869
- current,
9870
- JSCompiler_object_inline_stack_2454
9871
- ),
9872
- scheduleUpdateOnFiber(
9873
- JSCompiler_object_inline_digest_2453,
9874
- current,
9875
- JSCompiler_object_inline_stack_2454
9876
- ),
9877
- SelectiveHydrationException)
9885
+ renderLanes
9878
9886
  );
9879
- JSCompiler_object_inline_componentStack_2455.data ===
9880
- SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible();
9881
- workInProgress = retrySuspenseComponentWithoutHydrating(
9882
- current,
9883
- workInProgress,
9884
- renderLanes
9885
- );
9886
- } else
9887
- JSCompiler_object_inline_componentStack_2455.data ===
9888
- SUSPENSE_PENDING_START_DATA
9889
- ? ((workInProgress.flags |= 192),
9890
- (workInProgress.child = current.child),
9891
- (workInProgress = null))
9892
- : ((current = JSCompiler_object_inline_message_2452.treeContext),
9893
- (nextHydratableInstance = getNextHydratable(
9894
- JSCompiler_object_inline_componentStack_2455.nextSibling
9895
- )),
9896
- (hydrationParentFiber = workInProgress),
9897
- (isHydrating = !0),
9898
- (hydrationErrors = null),
9899
- (didSuspendOrErrorDEV = !1),
9900
- (hydrationDiffRootDEV = null),
9901
- (rootOrSingletonContext = !1),
9902
- null !== current &&
9903
- (warnIfNotHydrating(),
9904
- (idStack[idStackIndex++] = treeContextId),
9905
- (idStack[idStackIndex++] = treeContextOverflow),
9906
- (idStack[idStackIndex++] = treeContextProvider),
9907
- (treeContextId = current.id),
9908
- (treeContextOverflow = current.overflow),
9909
- (treeContextProvider = workInProgress)),
9910
- (workInProgress = mountSuspensePrimaryChildren(
9887
+ } else if (
9888
+ (didReceiveUpdate ||
9889
+ propagateParentContextChanges(
9890
+ current,
9911
9891
  workInProgress,
9912
- JSCompiler_object_inline_stack_2454.children
9892
+ renderLanes,
9893
+ !1
9894
+ ),
9895
+ (JSCompiler_object_inline_digest_2532 =
9896
+ 0 !== (renderLanes & current.childLanes)),
9897
+ didReceiveUpdate || JSCompiler_object_inline_digest_2532)
9898
+ ) {
9899
+ JSCompiler_object_inline_digest_2532 = workInProgressRoot;
9900
+ if (
9901
+ null !== JSCompiler_object_inline_digest_2532 &&
9902
+ ((JSCompiler_object_inline_stack_2533 = getBumpedLaneForHydration(
9903
+ JSCompiler_object_inline_digest_2532,
9904
+ renderLanes
9913
9905
  )),
9914
- (workInProgress.flags |= 4096));
9915
- return workInProgress;
9906
+ 0 !== JSCompiler_object_inline_stack_2533 &&
9907
+ JSCompiler_object_inline_stack_2533 !== prevState.retryLane)
9908
+ )
9909
+ throw (
9910
+ ((prevState.retryLane = JSCompiler_object_inline_stack_2533),
9911
+ enqueueConcurrentRenderForLane(
9912
+ current,
9913
+ JSCompiler_object_inline_stack_2533
9914
+ ),
9915
+ scheduleUpdateOnFiber(
9916
+ JSCompiler_object_inline_digest_2532,
9917
+ current,
9918
+ JSCompiler_object_inline_stack_2533
9919
+ ),
9920
+ SelectiveHydrationException)
9921
+ );
9922
+ JSCompiler_object_inline_componentStack_2534.data ===
9923
+ SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible();
9924
+ workInProgress = retrySuspenseComponentWithoutHydrating(
9925
+ current,
9926
+ workInProgress,
9927
+ renderLanes
9928
+ );
9929
+ } else
9930
+ JSCompiler_object_inline_componentStack_2534.data ===
9931
+ SUSPENSE_PENDING_START_DATA
9932
+ ? ((workInProgress.flags |= 192),
9933
+ (workInProgress.child = current.child),
9934
+ (workInProgress = null))
9935
+ : ((current = prevState.treeContext),
9936
+ (nextHydratableInstance = getNextHydratable(
9937
+ JSCompiler_object_inline_componentStack_2534.nextSibling
9938
+ )),
9939
+ (hydrationParentFiber = workInProgress),
9940
+ (isHydrating = !0),
9941
+ (hydrationErrors = null),
9942
+ (didSuspendOrErrorDEV = !1),
9943
+ (hydrationDiffRootDEV = null),
9944
+ (rootOrSingletonContext = !1),
9945
+ null !== current &&
9946
+ restoreSuspendedTreeContext(workInProgress, current),
9947
+ (workInProgress = mountSuspensePrimaryChildren(
9948
+ workInProgress,
9949
+ JSCompiler_object_inline_stack_2533.children
9950
+ )),
9951
+ (workInProgress.flags |= 4096));
9952
+ return workInProgress;
9953
+ }
9916
9954
  }
9917
- if (showFallback)
9955
+ if (JSCompiler_object_inline_message_2531)
9918
9956
  return (
9919
9957
  reuseSuspenseHandlerOnStack(workInProgress),
9920
- (JSCompiler_object_inline_componentStack_2455 =
9921
- JSCompiler_object_inline_stack_2454.fallback),
9958
+ (nextPrimaryChildren = JSCompiler_object_inline_stack_2533.fallback),
9922
9959
  (mode = workInProgress.mode),
9923
9960
  (componentStack = current.child),
9924
- (componentStack$jscomp$0 = componentStack.sibling),
9925
- (JSCompiler_object_inline_stack_2454 = createWorkInProgress(
9961
+ (JSCompiler_object_inline_componentStack_2534 =
9962
+ componentStack.sibling),
9963
+ (JSCompiler_object_inline_stack_2533 = createWorkInProgress(
9926
9964
  componentStack,
9927
9965
  {
9928
9966
  mode: "hidden",
9929
- children: JSCompiler_object_inline_stack_2454.children
9967
+ children: JSCompiler_object_inline_stack_2533.children
9930
9968
  }
9931
9969
  )),
9932
- (JSCompiler_object_inline_stack_2454.subtreeFlags =
9970
+ (JSCompiler_object_inline_stack_2533.subtreeFlags =
9933
9971
  componentStack.subtreeFlags & 65011712),
9934
- null !== componentStack$jscomp$0
9935
- ? (JSCompiler_object_inline_componentStack_2455 =
9936
- createWorkInProgress(
9937
- componentStack$jscomp$0,
9938
- JSCompiler_object_inline_componentStack_2455
9939
- ))
9940
- : ((JSCompiler_object_inline_componentStack_2455 =
9941
- createFiberFromFragment(
9942
- JSCompiler_object_inline_componentStack_2455,
9943
- mode,
9944
- renderLanes,
9945
- null
9946
- )),
9947
- (JSCompiler_object_inline_componentStack_2455.flags |= 2)),
9948
- (JSCompiler_object_inline_componentStack_2455.return =
9949
- workInProgress),
9950
- (JSCompiler_object_inline_stack_2454.return = workInProgress),
9951
- (JSCompiler_object_inline_stack_2454.sibling =
9952
- JSCompiler_object_inline_componentStack_2455),
9953
- (workInProgress.child = JSCompiler_object_inline_stack_2454),
9954
- (JSCompiler_object_inline_stack_2454 =
9955
- JSCompiler_object_inline_componentStack_2455),
9956
- (JSCompiler_object_inline_componentStack_2455 = workInProgress.child),
9972
+ null !== JSCompiler_object_inline_componentStack_2534
9973
+ ? (nextPrimaryChildren = createWorkInProgress(
9974
+ JSCompiler_object_inline_componentStack_2534,
9975
+ nextPrimaryChildren
9976
+ ))
9977
+ : ((nextPrimaryChildren = createFiberFromFragment(
9978
+ nextPrimaryChildren,
9979
+ mode,
9980
+ renderLanes,
9981
+ null
9982
+ )),
9983
+ (nextPrimaryChildren.flags |= 2)),
9984
+ (nextPrimaryChildren.return = workInProgress),
9985
+ (JSCompiler_object_inline_stack_2533.return = workInProgress),
9986
+ (JSCompiler_object_inline_stack_2533.sibling = nextPrimaryChildren),
9987
+ (workInProgress.child = JSCompiler_object_inline_stack_2533),
9988
+ (JSCompiler_object_inline_stack_2533 = nextPrimaryChildren),
9989
+ (nextPrimaryChildren = workInProgress.child),
9957
9990
  (mode = current.child.memoizedState),
9958
9991
  null === mode
9959
9992
  ? (mode = mountSuspenseOffscreenState(renderLanes))
9960
9993
  : ((componentStack = mode.cachePool),
9961
9994
  null !== componentStack
9962
- ? ((componentStack$jscomp$0 = CacheContext._currentValue),
9995
+ ? ((JSCompiler_object_inline_componentStack_2534 =
9996
+ CacheContext._currentValue),
9963
9997
  (componentStack =
9964
- componentStack.parent !== componentStack$jscomp$0
9998
+ componentStack.parent !==
9999
+ JSCompiler_object_inline_componentStack_2534
9965
10000
  ? {
9966
- parent: componentStack$jscomp$0,
9967
- pool: componentStack$jscomp$0
10001
+ parent: JSCompiler_object_inline_componentStack_2534,
10002
+ pool: JSCompiler_object_inline_componentStack_2534
9968
10003
  }
9969
10004
  : componentStack))
9970
10005
  : (componentStack = getSuspendedCache()),
@@ -9972,31 +10007,30 @@
9972
10007
  baseLanes: mode.baseLanes | renderLanes,
9973
10008
  cachePool: componentStack
9974
10009
  })),
9975
- (JSCompiler_object_inline_componentStack_2455.memoizedState = mode),
9976
- (JSCompiler_object_inline_componentStack_2455.childLanes =
9977
- getRemainingWorkInPrimaryTree(
9978
- current,
9979
- JSCompiler_object_inline_digest_2453,
9980
- renderLanes
9981
- )),
10010
+ (nextPrimaryChildren.memoizedState = mode),
10011
+ (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree(
10012
+ current,
10013
+ JSCompiler_object_inline_digest_2532,
10014
+ renderLanes
10015
+ )),
9982
10016
  (workInProgress.memoizedState = SUSPENDED_MARKER),
9983
- JSCompiler_object_inline_stack_2454
10017
+ JSCompiler_object_inline_stack_2533
9984
10018
  );
9985
10019
  pushPrimaryTreeSuspenseHandler(workInProgress);
9986
10020
  renderLanes = current.child;
9987
10021
  current = renderLanes.sibling;
9988
10022
  renderLanes = createWorkInProgress(renderLanes, {
9989
10023
  mode: "visible",
9990
- children: JSCompiler_object_inline_stack_2454.children
10024
+ children: JSCompiler_object_inline_stack_2533.children
9991
10025
  });
9992
10026
  renderLanes.return = workInProgress;
9993
10027
  renderLanes.sibling = null;
9994
10028
  null !== current &&
9995
- ((JSCompiler_object_inline_digest_2453 = workInProgress.deletions),
9996
- null === JSCompiler_object_inline_digest_2453
10029
+ ((JSCompiler_object_inline_digest_2532 = workInProgress.deletions),
10030
+ null === JSCompiler_object_inline_digest_2532
9997
10031
  ? ((workInProgress.deletions = [current]),
9998
10032
  (workInProgress.flags |= 16))
9999
- : JSCompiler_object_inline_digest_2453.push(current));
10033
+ : JSCompiler_object_inline_digest_2532.push(current));
10000
10034
  workInProgress.child = renderLanes;
10001
10035
  workInProgress.memoizedState = null;
10002
10036
  return renderLanes;
@@ -10335,6 +10369,14 @@
10335
10369
  stateNode.effectDuration = -0;
10336
10370
  stateNode.passiveEffectDuration = -0;
10337
10371
  break;
10372
+ case 31:
10373
+ if (null !== workInProgress.memoizedState)
10374
+ return (
10375
+ (workInProgress.flags |= 128),
10376
+ pushDehydratedActivitySuspenseHandler(workInProgress),
10377
+ null
10378
+ );
10379
+ break;
10338
10380
  case 13:
10339
10381
  stateNode = workInProgress.memoizedState;
10340
10382
  if (null !== stateNode) {
@@ -10550,10 +10592,10 @@
10550
10592
  current.$$typeof === REACT_LAZY_TYPE &&
10551
10593
  (workInProgress =
10552
10594
  " Did you wrap a component in React.lazy() more than once?");
10553
- current = getComponentNameFromType(current) || current;
10595
+ renderLanes = getComponentNameFromType(current) || current;
10554
10596
  throw Error(
10555
10597
  "Element type is invalid. Received a promise that resolves to: " +
10556
- current +
10598
+ renderLanes +
10557
10599
  ". Lazy element type must resolve to a class or function." +
10558
10600
  workInProgress
10559
10601
  );
@@ -10661,15 +10703,15 @@
10661
10703
  didSuspendOrErrorDEV = !1;
10662
10704
  hydrationDiffRootDEV = null;
10663
10705
  rootOrSingletonContext = !0;
10664
- current = mountChildFibers(
10706
+ renderLanes = mountChildFibers(
10665
10707
  workInProgress,
10666
10708
  null,
10667
10709
  returnFiber,
10668
10710
  renderLanes
10669
10711
  );
10670
- for (workInProgress.child = current; current; )
10671
- (current.flags = (current.flags & -3) | 4096),
10672
- (current = current.sibling);
10712
+ for (workInProgress.child = renderLanes; renderLanes; )
10713
+ (renderLanes.flags = (renderLanes.flags & -3) | 4096),
10714
+ (renderLanes = renderLanes.sibling);
10673
10715
  }
10674
10716
  else {
10675
10717
  resetHydrationState();
@@ -10695,26 +10737,26 @@
10695
10737
  return (
10696
10738
  markRef(current, workInProgress),
10697
10739
  null === current
10698
- ? (current = getResource(
10740
+ ? (renderLanes = getResource(
10699
10741
  workInProgress.type,
10700
10742
  null,
10701
10743
  workInProgress.pendingProps,
10702
10744
  null
10703
10745
  ))
10704
- ? (workInProgress.memoizedState = current)
10746
+ ? (workInProgress.memoizedState = renderLanes)
10705
10747
  : isHydrating ||
10706
- ((current = workInProgress.type),
10707
- (renderLanes = workInProgress.pendingProps),
10748
+ ((renderLanes = workInProgress.type),
10749
+ (current = workInProgress.pendingProps),
10708
10750
  (returnFiber = requiredContext(
10709
10751
  rootInstanceStackCursor.current
10710
10752
  )),
10711
10753
  (returnFiber =
10712
10754
  getOwnerDocumentFromRootContainer(
10713
10755
  returnFiber
10714
- ).createElement(current)),
10756
+ ).createElement(renderLanes)),
10715
10757
  (returnFiber[internalInstanceKey] = workInProgress),
10716
- (returnFiber[internalPropsKey] = renderLanes),
10717
- setInitialProperties(returnFiber, current, renderLanes),
10758
+ (returnFiber[internalPropsKey] = current),
10759
+ setInitialProperties(returnFiber, renderLanes, current),
10718
10760
  markNodeAsHoistable(returnFiber),
10719
10761
  (workInProgress.stateNode = returnFiber))
10720
10762
  : (workInProgress.memoizedState = getResource(
@@ -10843,21 +10885,21 @@
10843
10885
  return (
10844
10886
  null === current &&
10845
10887
  isHydrating &&
10846
- ((current = workInProgress.pendingProps),
10847
- (renderLanes = getHostContext()),
10848
- (returnFiber = renderLanes.ancestorInfo.current),
10849
- (current =
10888
+ ((renderLanes = workInProgress.pendingProps),
10889
+ (current = getHostContext()),
10890
+ (returnFiber = current.ancestorInfo.current),
10891
+ (renderLanes =
10850
10892
  null != returnFiber
10851
10893
  ? validateTextNesting(
10852
- current,
10894
+ renderLanes,
10853
10895
  returnFiber.tag,
10854
- renderLanes.ancestorInfo.implicitRootScope
10896
+ current.ancestorInfo.implicitRootScope
10855
10897
  )
10856
10898
  : !0),
10857
- (renderLanes = nextHydratableInstance),
10858
- (returnFiber = !renderLanes) ||
10899
+ (current = nextHydratableInstance),
10900
+ (returnFiber = !current) ||
10859
10901
  ((returnFiber = canHydrateTextInstance(
10860
- renderLanes,
10902
+ current,
10861
10903
  workInProgress.pendingProps,
10862
10904
  rootOrSingletonContext
10863
10905
  )),
@@ -10869,8 +10911,8 @@
10869
10911
  : (returnFiber = !1),
10870
10912
  (returnFiber = !returnFiber)),
10871
10913
  returnFiber &&
10872
- (current &&
10873
- warnNonHydratedInstance(workInProgress, renderLanes),
10914
+ (renderLanes &&
10915
+ warnNonHydratedInstance(workInProgress, current),
10874
10916
  throwOnHydrationMismatch(workInProgress))),
10875
10917
  null
10876
10918
  );
@@ -11010,40 +11052,136 @@
11010
11052
  renderLanes
11011
11053
  );
11012
11054
  case 31:
11013
- return (
11014
- (renderLanes = workInProgress.pendingProps),
11015
- (returnFiber = renderLanes.hidden),
11016
- void 0 !== returnFiber &&
11017
- console.error(
11018
- '<Activity> doesn\'t accept a hidden prop. Use mode="hidden" instead.\n- <Activity %s>\n+ <Activity %s>',
11019
- !0 === returnFiber
11020
- ? "hidden"
11021
- : !1 === returnFiber
11022
- ? "hidden={false}"
11023
- : "hidden={...}",
11024
- returnFiber ? 'mode="hidden"' : 'mode="visible"'
11025
- ),
11026
- (returnFiber = workInProgress.mode),
11027
- (renderLanes = {
11028
- mode: renderLanes.mode,
11029
- children: renderLanes.children
11030
- }),
11031
- null === current
11032
- ? ((current = mountWorkInProgressOffscreenFiber(
11055
+ prevSibling = workInProgress.pendingProps;
11056
+ nextState = 0 !== (workInProgress.flags & 128);
11057
+ workInProgress.flags &= -129;
11058
+ if (null === current)
11059
+ if (isHydrating) {
11060
+ if ("hidden" === prevSibling.mode)
11061
+ mountActivityChildren(workInProgress, prevSibling);
11062
+ else if (
11063
+ (pushDehydratedActivitySuspenseHandler(workInProgress),
11064
+ (renderLanes = nextHydratableInstance)
11065
+ ? ((current = canHydrateHydrationBoundary(
11066
+ renderLanes,
11067
+ rootOrSingletonContext
11068
+ )),
11069
+ (current =
11070
+ null !== current && current.data === ACTIVITY_START_DATA
11071
+ ? current
11072
+ : null),
11073
+ null !== current &&
11074
+ ((returnFiber = {
11075
+ dehydrated: current,
11076
+ treeContext: getSuspendedTreeContext(),
11077
+ retryLane: 536870912,
11078
+ hydrationErrors: null
11079
+ }),
11080
+ (workInProgress.memoizedState = returnFiber),
11081
+ (returnFiber =
11082
+ createFiberFromDehydratedFragment(current)),
11083
+ (returnFiber.return = workInProgress),
11084
+ (workInProgress.child = returnFiber),
11085
+ (hydrationParentFiber = workInProgress),
11086
+ (nextHydratableInstance = null)))
11087
+ : (current = null),
11088
+ null === current)
11089
+ )
11090
+ throw (
11091
+ (warnNonHydratedInstance(workInProgress, renderLanes),
11092
+ throwOnHydrationMismatch(workInProgress))
11093
+ );
11094
+ workInProgress.lanes = 536870912;
11095
+ workInProgress = null;
11096
+ } else
11097
+ workInProgress = mountActivityChildren(
11098
+ workInProgress,
11099
+ prevSibling
11100
+ );
11101
+ else if (
11102
+ ((returnFiber = current.memoizedState), null !== returnFiber)
11103
+ )
11104
+ if (
11105
+ ((prevState = returnFiber.dehydrated),
11106
+ pushDehydratedActivitySuspenseHandler(workInProgress),
11107
+ nextState)
11108
+ )
11109
+ if (workInProgress.flags & 256)
11110
+ (workInProgress.flags &= -257),
11111
+ (workInProgress = retryActivityComponentWithoutHydrating(
11112
+ current,
11113
+ workInProgress,
11114
+ renderLanes
11115
+ ));
11116
+ else if (null !== workInProgress.memoizedState)
11117
+ (workInProgress.child = current.child),
11118
+ (workInProgress.flags |= 128),
11119
+ (workInProgress = null);
11120
+ else
11121
+ throw Error(
11122
+ "Client rendering an Activity suspended it again. This is a bug in React."
11123
+ );
11124
+ else if (
11125
+ (warnIfHydrating(),
11126
+ didReceiveUpdate ||
11127
+ propagateParentContextChanges(
11128
+ current,
11129
+ workInProgress,
11033
11130
  renderLanes,
11034
- returnFiber
11131
+ !1
11132
+ ),
11133
+ (nextState = 0 !== (renderLanes & current.childLanes)),
11134
+ didReceiveUpdate || nextState)
11135
+ ) {
11136
+ prevSibling = workInProgressRoot;
11137
+ if (
11138
+ null !== prevSibling &&
11139
+ ((prevState = getBumpedLaneForHydration(
11140
+ prevSibling,
11141
+ renderLanes
11035
11142
  )),
11036
- (current.ref = workInProgress.ref),
11037
- (workInProgress.child = current),
11038
- (current.return = workInProgress),
11039
- (workInProgress = current))
11040
- : ((current = createWorkInProgress(current.child, renderLanes)),
11041
- (current.ref = workInProgress.ref),
11042
- (workInProgress.child = current),
11043
- (current.return = workInProgress),
11044
- (workInProgress = current)),
11045
- workInProgress
11046
- );
11143
+ 0 !== prevState && prevState !== returnFiber.retryLane)
11144
+ )
11145
+ throw (
11146
+ ((returnFiber.retryLane = prevState),
11147
+ enqueueConcurrentRenderForLane(current, prevState),
11148
+ scheduleUpdateOnFiber(prevSibling, current, prevState),
11149
+ SelectiveHydrationException)
11150
+ );
11151
+ renderDidSuspendDelayIfPossible();
11152
+ workInProgress = retryActivityComponentWithoutHydrating(
11153
+ current,
11154
+ workInProgress,
11155
+ renderLanes
11156
+ );
11157
+ } else
11158
+ (renderLanes = returnFiber.treeContext),
11159
+ (nextHydratableInstance = getNextHydratable(
11160
+ prevState.nextSibling
11161
+ )),
11162
+ (hydrationParentFiber = workInProgress),
11163
+ (isHydrating = !0),
11164
+ (hydrationErrors = null),
11165
+ (didSuspendOrErrorDEV = !1),
11166
+ (hydrationDiffRootDEV = null),
11167
+ (rootOrSingletonContext = !1),
11168
+ null !== renderLanes &&
11169
+ restoreSuspendedTreeContext(workInProgress, renderLanes),
11170
+ (workInProgress = mountActivityChildren(
11171
+ workInProgress,
11172
+ prevSibling
11173
+ )),
11174
+ (workInProgress.flags |= 4096);
11175
+ else
11176
+ (renderLanes = createWorkInProgress(current.child, {
11177
+ mode: prevSibling.mode,
11178
+ children: prevSibling.children
11179
+ })),
11180
+ (renderLanes.ref = workInProgress.ref),
11181
+ (workInProgress.child = renderLanes),
11182
+ (renderLanes.return = workInProgress),
11183
+ (workInProgress = renderLanes);
11184
+ return workInProgress;
11047
11185
  case 22:
11048
11186
  return updateOffscreenComponent(
11049
11187
  current,
@@ -11251,7 +11389,6 @@
11251
11389
  var newProps = workInProgress.pendingProps;
11252
11390
  popTreeContext(workInProgress);
11253
11391
  switch (workInProgress.tag) {
11254
- case 31:
11255
11392
  case 16:
11256
11393
  case 15:
11257
11394
  case 0:
@@ -11579,6 +11716,63 @@
11579
11716
  }
11580
11717
  bubbleProperties(workInProgress);
11581
11718
  return null;
11719
+ case 31:
11720
+ renderLanes = workInProgress.memoizedState;
11721
+ if (null === current || null !== current.memoizedState) {
11722
+ newProps = popHydrationState(workInProgress);
11723
+ if (null !== renderLanes) {
11724
+ if (null === current) {
11725
+ if (!newProps)
11726
+ throw Error(
11727
+ "A dehydrated suspense component was completed without a hydrated node. This is probably a bug in React."
11728
+ );
11729
+ current = workInProgress.memoizedState;
11730
+ current = null !== current ? current.dehydrated : null;
11731
+ if (!current)
11732
+ throw Error(
11733
+ "Expected to have a hydrated activity instance. This error is likely caused by a bug in React. Please file an issue."
11734
+ );
11735
+ current[internalInstanceKey] = workInProgress;
11736
+ bubbleProperties(workInProgress);
11737
+ (workInProgress.mode & ProfileMode) !== NoMode &&
11738
+ null !== renderLanes &&
11739
+ ((current = workInProgress.child),
11740
+ null !== current &&
11741
+ (workInProgress.treeBaseDuration -=
11742
+ current.treeBaseDuration));
11743
+ } else
11744
+ emitPendingHydrationWarnings(),
11745
+ resetHydrationState(),
11746
+ 0 === (workInProgress.flags & 128) &&
11747
+ (renderLanes = workInProgress.memoizedState = null),
11748
+ (workInProgress.flags |= 4),
11749
+ bubbleProperties(workInProgress),
11750
+ (workInProgress.mode & ProfileMode) !== NoMode &&
11751
+ null !== renderLanes &&
11752
+ ((current = workInProgress.child),
11753
+ null !== current &&
11754
+ (workInProgress.treeBaseDuration -=
11755
+ current.treeBaseDuration));
11756
+ current = !1;
11757
+ } else
11758
+ (renderLanes = upgradeHydrationErrorsToRecoverable()),
11759
+ null !== current &&
11760
+ null !== current.memoizedState &&
11761
+ (current.memoizedState.hydrationErrors = renderLanes),
11762
+ (current = !0);
11763
+ if (!current) {
11764
+ if (workInProgress.flags & 256)
11765
+ return popSuspenseHandler(workInProgress), workInProgress;
11766
+ popSuspenseHandler(workInProgress);
11767
+ return null;
11768
+ }
11769
+ if (0 !== (workInProgress.flags & 128))
11770
+ throw Error(
11771
+ "Client rendering an Activity suspended it again. This is a bug in React."
11772
+ );
11773
+ }
11774
+ bubbleProperties(workInProgress);
11775
+ return null;
11582
11776
  case 13:
11583
11777
  newProps = workInProgress.memoizedState;
11584
11778
  if (
@@ -11586,23 +11780,25 @@
11586
11780
  (null !== current.memoizedState &&
11587
11781
  null !== current.memoizedState.dehydrated)
11588
11782
  ) {
11589
- type = popHydrationState(workInProgress);
11590
- if (null !== newProps && null !== newProps.dehydrated) {
11783
+ type = newProps;
11784
+ nextResource = popHydrationState(workInProgress);
11785
+ if (null !== type && null !== type.dehydrated) {
11591
11786
  if (null === current) {
11592
- if (!type)
11787
+ if (!nextResource)
11593
11788
  throw Error(
11594
11789
  "A dehydrated suspense component was completed without a hydrated node. This is probably a bug in React."
11595
11790
  );
11596
- type = workInProgress.memoizedState;
11597
- type = null !== type ? type.dehydrated : null;
11598
- if (!type)
11791
+ nextResource = workInProgress.memoizedState;
11792
+ nextResource =
11793
+ null !== nextResource ? nextResource.dehydrated : null;
11794
+ if (!nextResource)
11599
11795
  throw Error(
11600
11796
  "Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue."
11601
11797
  );
11602
- type[internalInstanceKey] = workInProgress;
11798
+ nextResource[internalInstanceKey] = workInProgress;
11603
11799
  bubbleProperties(workInProgress);
11604
11800
  (workInProgress.mode & ProfileMode) !== NoMode &&
11605
- null !== newProps &&
11801
+ null !== type &&
11606
11802
  ((type = workInProgress.child),
11607
11803
  null !== type &&
11608
11804
  (workInProgress.treeBaseDuration -= type.treeBaseDuration));
@@ -11610,11 +11806,11 @@
11610
11806
  emitPendingHydrationWarnings(),
11611
11807
  resetHydrationState(),
11612
11808
  0 === (workInProgress.flags & 128) &&
11613
- (workInProgress.memoizedState = null),
11809
+ (type = workInProgress.memoizedState = null),
11614
11810
  (workInProgress.flags |= 4),
11615
11811
  bubbleProperties(workInProgress),
11616
11812
  (workInProgress.mode & ProfileMode) !== NoMode &&
11617
- null !== newProps &&
11813
+ null !== type &&
11618
11814
  ((type = workInProgress.child),
11619
11815
  null !== type &&
11620
11816
  (workInProgress.treeBaseDuration -=
@@ -11863,6 +12059,22 @@
11863
12059
  case 27:
11864
12060
  case 5:
11865
12061
  return popHostContext(workInProgress), null;
12062
+ case 31:
12063
+ if (null !== workInProgress.memoizedState) {
12064
+ popSuspenseHandler(workInProgress);
12065
+ if (null === workInProgress.alternate)
12066
+ throw Error(
12067
+ "Threw in newly mounted dehydrated component. This is likely a bug in React. Please file an issue."
12068
+ );
12069
+ resetHydrationState();
12070
+ }
12071
+ current = workInProgress.flags;
12072
+ return current & 65536
12073
+ ? ((workInProgress.flags = (current & -65537) | 128),
12074
+ (workInProgress.mode & ProfileMode) !== NoMode &&
12075
+ transferActualDuration(workInProgress),
12076
+ workInProgress)
12077
+ : null;
11866
12078
  case 13:
11867
12079
  popSuspenseHandler(workInProgress);
11868
12080
  current = workInProgress.memoizedState;
@@ -11923,6 +12135,10 @@
11923
12135
  case 4:
11924
12136
  popHostContainer(interruptedWork);
11925
12137
  break;
12138
+ case 31:
12139
+ null !== interruptedWork.memoizedState &&
12140
+ popSuspenseHandler(interruptedWork);
12141
+ break;
11926
12142
  case 13:
11927
12143
  popSuspenseHandler(interruptedWork);
11928
12144
  break;
@@ -12842,6 +13058,11 @@
12842
13058
  }
12843
13059
  } else recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
12844
13060
  break;
13061
+ case 31:
13062
+ recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
13063
+ flags & 4 &&
13064
+ commitActivityHydrationCallbacks(finishedRoot, finishedWork);
13065
+ break;
12845
13066
  case 13:
12846
13067
  recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
12847
13068
  flags & 4 &&
@@ -13025,7 +13246,7 @@
13025
13246
  null !== hostParent &&
13026
13247
  (hostParentIsContainer
13027
13248
  ? ((finishedRoot = hostParent),
13028
- clearSuspenseBoundary(
13249
+ clearHydrationBoundary(
13029
13250
  9 === finishedRoot.nodeType
13030
13251
  ? finishedRoot.body
13031
13252
  : "HTML" === finishedRoot.nodeName
@@ -13034,7 +13255,7 @@
13034
13255
  deletedFiber.stateNode
13035
13256
  ),
13036
13257
  retryIfBlockedOn(finishedRoot))
13037
- : clearSuspenseBoundary(hostParent, deletedFiber.stateNode));
13258
+ : clearHydrationBoundary(hostParent, deletedFiber.stateNode));
13038
13259
  break;
13039
13260
  case 4:
13040
13261
  prevHostParent = hostParent;
@@ -13114,6 +13335,25 @@
13114
13335
  }
13115
13336
  popComponentEffectStart(prevEffectStart);
13116
13337
  }
13338
+ function commitActivityHydrationCallbacks(finishedRoot, finishedWork) {
13339
+ if (
13340
+ null === finishedWork.memoizedState &&
13341
+ ((finishedRoot = finishedWork.alternate),
13342
+ null !== finishedRoot &&
13343
+ ((finishedRoot = finishedRoot.memoizedState), null !== finishedRoot))
13344
+ ) {
13345
+ finishedRoot = finishedRoot.dehydrated;
13346
+ try {
13347
+ runWithFiberInDEV(
13348
+ finishedWork,
13349
+ commitHydratedActivityInstance,
13350
+ finishedRoot
13351
+ );
13352
+ } catch (error) {
13353
+ captureCommitPhaseError(finishedWork, finishedWork.return, error);
13354
+ }
13355
+ }
13356
+ }
13117
13357
  function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) {
13118
13358
  if (
13119
13359
  null === finishedWork.memoizedState &&
@@ -13135,6 +13375,7 @@
13135
13375
  }
13136
13376
  function getRetryCache(finishedWork) {
13137
13377
  switch (finishedWork.tag) {
13378
+ case 31:
13138
13379
  case 13:
13139
13380
  case 19:
13140
13381
  var retryCache = finishedWork.stateNode;
@@ -13271,59 +13512,61 @@
13271
13512
  (offscreenSubtreeWasHidden ||
13272
13513
  null === current ||
13273
13514
  safelyDetachRef(current, current.return));
13274
- if (flags & 4)
13275
- if (
13276
- ((root = null !== current ? current.memoizedState : null),
13277
- (flags = finishedWork.memoizedState),
13278
- null === current)
13279
- )
13515
+ if (flags & 4) {
13516
+ var currentResource =
13517
+ null !== current ? current.memoizedState : null;
13518
+ flags = finishedWork.memoizedState;
13519
+ if (null === current)
13280
13520
  if (null === flags)
13281
13521
  if (null === finishedWork.stateNode) {
13282
13522
  a: {
13283
13523
  flags = finishedWork.type;
13284
13524
  current = finishedWork.memoizedProps;
13285
- root = hoistableRoot.ownerDocument || hoistableRoot;
13525
+ hoistableRoot =
13526
+ hoistableRoot.ownerDocument || hoistableRoot;
13286
13527
  b: switch (flags) {
13287
13528
  case "title":
13288
- hoistableRoot = root.getElementsByTagName("title")[0];
13529
+ currentResource =
13530
+ hoistableRoot.getElementsByTagName("title")[0];
13289
13531
  if (
13290
- !hoistableRoot ||
13291
- hoistableRoot[internalHoistableMarker] ||
13292
- hoistableRoot[internalInstanceKey] ||
13293
- hoistableRoot.namespaceURI === SVG_NAMESPACE ||
13294
- hoistableRoot.hasAttribute("itemprop")
13532
+ !currentResource ||
13533
+ currentResource[internalHoistableMarker] ||
13534
+ currentResource[internalInstanceKey] ||
13535
+ currentResource.namespaceURI === SVG_NAMESPACE ||
13536
+ currentResource.hasAttribute("itemprop")
13295
13537
  )
13296
- (hoistableRoot = root.createElement(flags)),
13297
- root.head.insertBefore(
13298
- hoistableRoot,
13299
- root.querySelector("head > title")
13538
+ (currentResource =
13539
+ hoistableRoot.createElement(flags)),
13540
+ hoistableRoot.head.insertBefore(
13541
+ currentResource,
13542
+ hoistableRoot.querySelector("head > title")
13300
13543
  );
13301
- setInitialProperties(hoistableRoot, flags, current);
13302
- hoistableRoot[internalInstanceKey] = finishedWork;
13303
- markNodeAsHoistable(hoistableRoot);
13304
- flags = hoistableRoot;
13544
+ setInitialProperties(currentResource, flags, current);
13545
+ currentResource[internalInstanceKey] = finishedWork;
13546
+ markNodeAsHoistable(currentResource);
13547
+ flags = currentResource;
13305
13548
  break a;
13306
13549
  case "link":
13307
13550
  var maybeNodes = getHydratableHoistableCache(
13308
13551
  "link",
13309
13552
  "href",
13310
- root
13553
+ hoistableRoot
13311
13554
  ).get(flags + (current.href || ""));
13312
13555
  if (maybeNodes)
13313
13556
  for (var i = 0; i < maybeNodes.length; i++)
13314
13557
  if (
13315
- ((hoistableRoot = maybeNodes[i]),
13316
- hoistableRoot.getAttribute("href") ===
13558
+ ((currentResource = maybeNodes[i]),
13559
+ currentResource.getAttribute("href") ===
13317
13560
  (null == current.href || "" === current.href
13318
13561
  ? null
13319
13562
  : current.href) &&
13320
- hoistableRoot.getAttribute("rel") ===
13563
+ currentResource.getAttribute("rel") ===
13321
13564
  (null == current.rel ? null : current.rel) &&
13322
- hoistableRoot.getAttribute("title") ===
13565
+ currentResource.getAttribute("title") ===
13323
13566
  (null == current.title
13324
13567
  ? null
13325
13568
  : current.title) &&
13326
- hoistableRoot.getAttribute("crossorigin") ===
13569
+ currentResource.getAttribute("crossorigin") ===
13327
13570
  (null == current.crossOrigin
13328
13571
  ? null
13329
13572
  : current.crossOrigin))
@@ -13331,42 +13574,42 @@
13331
13574
  maybeNodes.splice(i, 1);
13332
13575
  break b;
13333
13576
  }
13334
- hoistableRoot = root.createElement(flags);
13335
- setInitialProperties(hoistableRoot, flags, current);
13336
- root.head.appendChild(hoistableRoot);
13577
+ currentResource = hoistableRoot.createElement(flags);
13578
+ setInitialProperties(currentResource, flags, current);
13579
+ hoistableRoot.head.appendChild(currentResource);
13337
13580
  break;
13338
13581
  case "meta":
13339
13582
  if (
13340
13583
  (maybeNodes = getHydratableHoistableCache(
13341
13584
  "meta",
13342
13585
  "content",
13343
- root
13586
+ hoistableRoot
13344
13587
  ).get(flags + (current.content || "")))
13345
13588
  )
13346
13589
  for (i = 0; i < maybeNodes.length; i++)
13347
13590
  if (
13348
- ((hoistableRoot = maybeNodes[i]),
13591
+ ((currentResource = maybeNodes[i]),
13349
13592
  checkAttributeStringCoercion(
13350
13593
  current.content,
13351
13594
  "content"
13352
13595
  ),
13353
- hoistableRoot.getAttribute("content") ===
13596
+ currentResource.getAttribute("content") ===
13354
13597
  (null == current.content
13355
13598
  ? null
13356
13599
  : "" + current.content) &&
13357
- hoistableRoot.getAttribute("name") ===
13600
+ currentResource.getAttribute("name") ===
13358
13601
  (null == current.name
13359
13602
  ? null
13360
13603
  : current.name) &&
13361
- hoistableRoot.getAttribute("property") ===
13604
+ currentResource.getAttribute("property") ===
13362
13605
  (null == current.property
13363
13606
  ? null
13364
13607
  : current.property) &&
13365
- hoistableRoot.getAttribute("http-equiv") ===
13608
+ currentResource.getAttribute("http-equiv") ===
13366
13609
  (null == current.httpEquiv
13367
13610
  ? null
13368
13611
  : current.httpEquiv) &&
13369
- hoistableRoot.getAttribute("charset") ===
13612
+ currentResource.getAttribute("charset") ===
13370
13613
  (null == current.charSet
13371
13614
  ? null
13372
13615
  : current.charSet))
@@ -13374,9 +13617,9 @@
13374
13617
  maybeNodes.splice(i, 1);
13375
13618
  break b;
13376
13619
  }
13377
- hoistableRoot = root.createElement(flags);
13378
- setInitialProperties(hoistableRoot, flags, current);
13379
- root.head.appendChild(hoistableRoot);
13620
+ currentResource = hoistableRoot.createElement(flags);
13621
+ setInitialProperties(currentResource, flags, current);
13622
+ hoistableRoot.head.appendChild(currentResource);
13380
13623
  break;
13381
13624
  default:
13382
13625
  throw Error(
@@ -13385,9 +13628,9 @@
13385
13628
  '". This is a bug in React.'
13386
13629
  );
13387
13630
  }
13388
- hoistableRoot[internalInstanceKey] = finishedWork;
13389
- markNodeAsHoistable(hoistableRoot);
13390
- flags = hoistableRoot;
13631
+ currentResource[internalInstanceKey] = finishedWork;
13632
+ markNodeAsHoistable(currentResource);
13633
+ flags = currentResource;
13391
13634
  }
13392
13635
  finishedWork.stateNode = flags;
13393
13636
  } else
@@ -13403,12 +13646,12 @@
13403
13646
  finishedWork.memoizedProps
13404
13647
  );
13405
13648
  else
13406
- root !== flags
13407
- ? (null === root
13649
+ currentResource !== flags
13650
+ ? (null === currentResource
13408
13651
  ? null !== current.stateNode &&
13409
13652
  ((current = current.stateNode),
13410
13653
  current.parentNode.removeChild(current))
13411
- : root.count--,
13654
+ : currentResource.count--,
13412
13655
  null === flags
13413
13656
  ? mountHoistable(
13414
13657
  hoistableRoot,
@@ -13427,6 +13670,7 @@
13427
13670
  finishedWork.memoizedProps,
13428
13671
  current.memoizedProps
13429
13672
  );
13673
+ }
13430
13674
  break;
13431
13675
  case 27:
13432
13676
  recursivelyTraverseMutationEffects(root, finishedWork);
@@ -13451,20 +13695,20 @@
13451
13695
  null === current ||
13452
13696
  safelyDetachRef(current, current.return));
13453
13697
  if (finishedWork.flags & 32) {
13454
- root = finishedWork.stateNode;
13698
+ hoistableRoot = finishedWork.stateNode;
13455
13699
  try {
13456
- runWithFiberInDEV(finishedWork, resetTextContent, root);
13700
+ runWithFiberInDEV(finishedWork, resetTextContent, hoistableRoot);
13457
13701
  } catch (error) {
13458
13702
  captureCommitPhaseError(finishedWork, finishedWork.return, error);
13459
13703
  }
13460
13704
  }
13461
13705
  flags & 4 &&
13462
13706
  null != finishedWork.stateNode &&
13463
- ((root = finishedWork.memoizedProps),
13707
+ ((hoistableRoot = finishedWork.memoizedProps),
13464
13708
  commitHostUpdate(
13465
13709
  finishedWork,
13466
- root,
13467
- null !== current ? current.memoizedProps : root
13710
+ hoistableRoot,
13711
+ null !== current ? current.memoizedProps : hoistableRoot
13468
13712
  ));
13469
13713
  flags & 1024 &&
13470
13714
  ((needsFormReset = !0),
@@ -13483,12 +13727,12 @@
13483
13727
  );
13484
13728
  flags = finishedWork.memoizedProps;
13485
13729
  current = null !== current ? current.memoizedProps : flags;
13486
- root = finishedWork.stateNode;
13730
+ hoistableRoot = finishedWork.stateNode;
13487
13731
  try {
13488
13732
  runWithFiberInDEV(
13489
13733
  finishedWork,
13490
13734
  commitTextUpdate,
13491
- root,
13735
+ hoistableRoot,
13492
13736
  current,
13493
13737
  flags
13494
13738
  );
@@ -13500,10 +13744,10 @@
13500
13744
  case 3:
13501
13745
  hoistableRoot = pushNestedEffectDurations();
13502
13746
  tagCaches = null;
13503
- maybeNodes = currentHoistableRoot;
13747
+ currentResource = currentHoistableRoot;
13504
13748
  currentHoistableRoot = getHoistableRoot(root.containerInfo);
13505
13749
  recursivelyTraverseMutationEffects(root, finishedWork);
13506
- currentHoistableRoot = maybeNodes;
13750
+ currentHoistableRoot = currentResource;
13507
13751
  commitReconciliationEffects(finishedWork);
13508
13752
  if (
13509
13753
  flags & 4 &&
@@ -13539,6 +13783,15 @@
13539
13783
  finishedWork.stateNode.effectDuration +=
13540
13784
  bubbleNestedEffectDurations(flags);
13541
13785
  break;
13786
+ case 31:
13787
+ recursivelyTraverseMutationEffects(root, finishedWork);
13788
+ commitReconciliationEffects(finishedWork);
13789
+ flags & 4 &&
13790
+ ((flags = finishedWork.updateQueue),
13791
+ null !== flags &&
13792
+ ((finishedWork.updateQueue = null),
13793
+ attachSuspenseRetryListeners(finishedWork, flags)));
13794
+ break;
13542
13795
  case 13:
13543
13796
  recursivelyTraverseMutationEffects(root, finishedWork);
13544
13797
  commitReconciliationEffects(finishedWork);
@@ -13586,9 +13839,13 @@
13586
13839
  if (null === current) {
13587
13840
  wasHidden = current = root;
13588
13841
  try {
13589
- (maybeNodes = wasHidden.stateNode),
13842
+ (currentResource = wasHidden.stateNode),
13590
13843
  hoistableRoot
13591
- ? runWithFiberInDEV(wasHidden, hideInstance, maybeNodes)
13844
+ ? runWithFiberInDEV(
13845
+ wasHidden,
13846
+ hideInstance,
13847
+ currentResource
13848
+ )
13592
13849
  : runWithFiberInDEV(
13593
13850
  wasHidden,
13594
13851
  unhideInstance,
@@ -13603,19 +13860,43 @@
13603
13860
  if (null === current) {
13604
13861
  wasHidden = root;
13605
13862
  try {
13606
- (i = wasHidden.stateNode),
13863
+ (maybeNodes = wasHidden.stateNode),
13607
13864
  hoistableRoot
13608
- ? runWithFiberInDEV(wasHidden, hideTextInstance, i)
13865
+ ? runWithFiberInDEV(
13866
+ wasHidden,
13867
+ hideTextInstance,
13868
+ maybeNodes
13869
+ )
13609
13870
  : runWithFiberInDEV(
13610
13871
  wasHidden,
13611
13872
  unhideTextInstance,
13612
- i,
13873
+ maybeNodes,
13613
13874
  wasHidden.memoizedProps
13614
13875
  );
13615
13876
  } catch (error) {
13616
13877
  captureCommitPhaseError(wasHidden, wasHidden.return, error);
13617
13878
  }
13618
13879
  }
13880
+ } else if (18 === root.tag) {
13881
+ if (null === current) {
13882
+ wasHidden = root;
13883
+ try {
13884
+ (i = wasHidden.stateNode),
13885
+ hoistableRoot
13886
+ ? runWithFiberInDEV(
13887
+ wasHidden,
13888
+ hideDehydratedBoundary,
13889
+ i
13890
+ )
13891
+ : runWithFiberInDEV(
13892
+ wasHidden,
13893
+ unhideDehydratedBoundary,
13894
+ wasHidden.stateNode
13895
+ );
13896
+ } catch (error) {
13897
+ captureCommitPhaseError(wasHidden, wasHidden.return, error);
13898
+ }
13899
+ }
13619
13900
  } else if (
13620
13901
  ((22 !== root.tag && 23 !== root.tag) ||
13621
13902
  null === root.memoizedState ||
@@ -13841,6 +14122,16 @@
13841
14122
  includeWorkInProgressEffects
13842
14123
  );
13843
14124
  break;
14125
+ case 31:
14126
+ recursivelyTraverseReappearLayoutEffects(
14127
+ finishedRoot,
14128
+ finishedWork,
14129
+ includeWorkInProgressEffects
14130
+ );
14131
+ includeWorkInProgressEffects &&
14132
+ flags & 4 &&
14133
+ commitActivityHydrationCallbacks(finishedRoot, finishedWork);
14134
+ break;
13844
14135
  case 13:
13845
14136
  recursivelyTraverseReappearLayoutEffects(
13846
14137
  finishedRoot,
@@ -14006,6 +14297,14 @@
14006
14297
  committedTransitions
14007
14298
  );
14008
14299
  break;
14300
+ case 31:
14301
+ recursivelyTraversePassiveMountEffects(
14302
+ finishedRoot,
14303
+ finishedWork,
14304
+ committedLanes,
14305
+ committedTransitions
14306
+ );
14307
+ break;
14009
14308
  case 13:
14010
14309
  recursivelyTraversePassiveMountEffects(
14011
14310
  finishedRoot,
@@ -16046,6 +16345,7 @@
16046
16345
  function resolveRetryWakeable(boundaryFiber, wakeable) {
16047
16346
  var retryLane = 0;
16048
16347
  switch (boundaryFiber.tag) {
16348
+ case 31:
16049
16349
  case 13:
16050
16350
  var retryCache = boundaryFiber.stateNode;
16051
16351
  var suspenseState = boundaryFiber.memoizedState;
@@ -19546,24 +19846,28 @@
19546
19846
  : container
19547
19847
  ).removeChild(child);
19548
19848
  }
19549
- function clearSuspenseBoundary(parentInstance, suspenseInstance) {
19550
- var node = suspenseInstance,
19849
+ function clearHydrationBoundary(parentInstance, hydrationInstance) {
19850
+ var node = hydrationInstance,
19551
19851
  depth = 0;
19552
19852
  do {
19553
19853
  var nextNode = node.nextSibling;
19554
19854
  parentInstance.removeChild(node);
19555
19855
  if (nextNode && 8 === nextNode.nodeType)
19556
- if (((node = nextNode.data), node === SUSPENSE_END_DATA)) {
19856
+ if (
19857
+ ((node = nextNode.data),
19858
+ node === SUSPENSE_END_DATA || node === ACTIVITY_END_DATA)
19859
+ ) {
19557
19860
  if (0 === depth) {
19558
19861
  parentInstance.removeChild(nextNode);
19559
- retryIfBlockedOn(suspenseInstance);
19862
+ retryIfBlockedOn(hydrationInstance);
19560
19863
  return;
19561
19864
  }
19562
19865
  depth--;
19563
19866
  } else if (
19564
19867
  node === SUSPENSE_START_DATA ||
19565
19868
  node === SUSPENSE_PENDING_START_DATA ||
19566
- node === SUSPENSE_FALLBACK_START_DATA
19869
+ node === SUSPENSE_FALLBACK_START_DATA ||
19870
+ node === ACTIVITY_START_DATA
19567
19871
  )
19568
19872
  depth++;
19569
19873
  else if (node === PREAMBLE_CONTRIBUTION_HTML)
@@ -19589,7 +19893,38 @@
19589
19893
  releaseSingletonInstance(parentInstance.ownerDocument.body);
19590
19894
  node = nextNode;
19591
19895
  } while (node);
19592
- retryIfBlockedOn(suspenseInstance);
19896
+ retryIfBlockedOn(hydrationInstance);
19897
+ }
19898
+ function hideOrUnhideDehydratedBoundary(suspenseInstance, isHidden) {
19899
+ var node = suspenseInstance;
19900
+ suspenseInstance = 0;
19901
+ do {
19902
+ var nextNode = node.nextSibling;
19903
+ 1 === node.nodeType
19904
+ ? isHidden
19905
+ ? ((node._stashedDisplay = node.style.display),
19906
+ (node.style.display = "none"))
19907
+ : ((node.style.display = node._stashedDisplay || ""),
19908
+ "" === node.getAttribute("style") &&
19909
+ node.removeAttribute("style"))
19910
+ : 3 === node.nodeType &&
19911
+ (isHidden
19912
+ ? ((node._stashedText = node.nodeValue), (node.nodeValue = ""))
19913
+ : (node.nodeValue = node._stashedText || ""));
19914
+ if (nextNode && 8 === nextNode.nodeType)
19915
+ if (((node = nextNode.data), node === SUSPENSE_END_DATA))
19916
+ if (0 === suspenseInstance) break;
19917
+ else suspenseInstance--;
19918
+ else
19919
+ (node !== SUSPENSE_START_DATA &&
19920
+ node !== SUSPENSE_PENDING_START_DATA &&
19921
+ node !== SUSPENSE_FALLBACK_START_DATA) ||
19922
+ suspenseInstance++;
19923
+ node = nextNode;
19924
+ } while (node);
19925
+ }
19926
+ function hideDehydratedBoundary(suspenseInstance) {
19927
+ hideOrUnhideDehydratedBoundary(suspenseInstance, !0);
19593
19928
  }
19594
19929
  function hideInstance(instance) {
19595
19930
  instance = instance.style;
@@ -19600,6 +19935,9 @@
19600
19935
  function hideTextInstance(textInstance) {
19601
19936
  textInstance.nodeValue = "";
19602
19937
  }
19938
+ function unhideDehydratedBoundary(dehydratedInstance) {
19939
+ hideOrUnhideDehydratedBoundary(dehydratedInstance, !1);
19940
+ }
19603
19941
  function unhideInstance(instance, props) {
19604
19942
  props = props[STYLE];
19605
19943
  props =
@@ -19722,6 +20060,14 @@
19722
20060
  }
19723
20061
  return instance;
19724
20062
  }
20063
+ function canHydrateHydrationBoundary(instance, inRootOrSingleton) {
20064
+ for (; 8 !== instance.nodeType; ) {
20065
+ if (!inRootOrSingleton) return null;
20066
+ instance = getNextHydratable(instance.nextSibling);
20067
+ if (null === instance) return null;
20068
+ }
20069
+ return instance;
20070
+ }
19725
20071
  function isSuspenseInstanceFallback(instance) {
19726
20072
  return (
19727
20073
  instance.data === SUSPENSE_FALLBACK_START_DATA ||
@@ -19755,11 +20101,13 @@
19755
20101
  nodeType === SUSPENSE_START_DATA ||
19756
20102
  nodeType === SUSPENSE_FALLBACK_START_DATA ||
19757
20103
  nodeType === SUSPENSE_PENDING_START_DATA ||
20104
+ nodeType === ACTIVITY_START_DATA ||
19758
20105
  nodeType === FORM_STATE_IS_MATCHING ||
19759
20106
  nodeType === FORM_STATE_IS_NOT_MATCHING
19760
20107
  )
19761
20108
  break;
19762
- if (nodeType === SUSPENSE_END_DATA) return null;
20109
+ if (nodeType === SUSPENSE_END_DATA || nodeType === ACTIVITY_END_DATA)
20110
+ return null;
19763
20111
  }
19764
20112
  }
19765
20113
  return node;
@@ -19783,7 +20131,9 @@
19783
20131
  return { type: JSCompiler_temp_const, props: serverDifferences };
19784
20132
  }
19785
20133
  return 8 === instance.nodeType
19786
- ? { type: "Suspense", props: {} }
20134
+ ? instance.data === ACTIVITY_START_DATA
20135
+ ? { type: "Activity", props: {} }
20136
+ : { type: "Suspense", props: {} }
19787
20137
  : instance.nodeValue;
19788
20138
  }
19789
20139
  function diffHydratedTextForDevWarnings(textInstance, text, parentProps) {
@@ -19800,26 +20150,29 @@
19800
20150
  textInstance)
19801
20151
  : null;
19802
20152
  }
19803
- function getNextHydratableInstanceAfterSuspenseInstance(suspenseInstance) {
19804
- suspenseInstance = suspenseInstance.nextSibling;
19805
- for (var depth = 0; suspenseInstance; ) {
19806
- if (8 === suspenseInstance.nodeType) {
19807
- var data = suspenseInstance.data;
19808
- if (data === SUSPENSE_END_DATA) {
20153
+ function getNextHydratableInstanceAfterHydrationBoundary(
20154
+ hydrationInstance
20155
+ ) {
20156
+ hydrationInstance = hydrationInstance.nextSibling;
20157
+ for (var depth = 0; hydrationInstance; ) {
20158
+ if (8 === hydrationInstance.nodeType) {
20159
+ var data = hydrationInstance.data;
20160
+ if (data === SUSPENSE_END_DATA || data === ACTIVITY_END_DATA) {
19809
20161
  if (0 === depth)
19810
- return getNextHydratable(suspenseInstance.nextSibling);
20162
+ return getNextHydratable(hydrationInstance.nextSibling);
19811
20163
  depth--;
19812
20164
  } else
19813
20165
  (data !== SUSPENSE_START_DATA &&
19814
20166
  data !== SUSPENSE_FALLBACK_START_DATA &&
19815
- data !== SUSPENSE_PENDING_START_DATA) ||
20167
+ data !== SUSPENSE_PENDING_START_DATA &&
20168
+ data !== ACTIVITY_START_DATA) ||
19816
20169
  depth++;
19817
20170
  }
19818
- suspenseInstance = suspenseInstance.nextSibling;
20171
+ hydrationInstance = hydrationInstance.nextSibling;
19819
20172
  }
19820
20173
  return null;
19821
20174
  }
19822
- function getParentSuspenseInstance(targetInstance) {
20175
+ function getParentHydrationBoundary(targetInstance) {
19823
20176
  targetInstance = targetInstance.previousSibling;
19824
20177
  for (var depth = 0; targetInstance; ) {
19825
20178
  if (8 === targetInstance.nodeType) {
@@ -19827,11 +20180,14 @@
19827
20180
  if (
19828
20181
  data === SUSPENSE_START_DATA ||
19829
20182
  data === SUSPENSE_FALLBACK_START_DATA ||
19830
- data === SUSPENSE_PENDING_START_DATA
20183
+ data === SUSPENSE_PENDING_START_DATA ||
20184
+ data === ACTIVITY_START_DATA
19831
20185
  ) {
19832
20186
  if (0 === depth) return targetInstance;
19833
20187
  depth--;
19834
- } else data === SUSPENSE_END_DATA && depth++;
20188
+ } else
20189
+ (data !== SUSPENSE_END_DATA && data !== ACTIVITY_END_DATA) ||
20190
+ depth++;
19835
20191
  }
19836
20192
  targetInstance = targetInstance.previousSibling;
19837
20193
  }
@@ -19840,6 +20196,9 @@
19840
20196
  function commitHydratedContainer(container) {
19841
20197
  retryIfBlockedOn(container);
19842
20198
  }
20199
+ function commitHydratedActivityInstance(activityInstance) {
20200
+ retryIfBlockedOn(activityInstance);
20201
+ }
19843
20202
  function commitHydratedSuspenseInstance(suspenseInstance) {
19844
20203
  retryIfBlockedOn(suspenseInstance);
19845
20204
  }
@@ -20782,12 +21141,21 @@
20782
21141
  (fiber = fiber.alternate) && markRetryLaneImpl(fiber, retryLane);
20783
21142
  }
20784
21143
  function attemptContinuousHydration(fiber) {
20785
- if (13 === fiber.tag) {
21144
+ if (13 === fiber.tag || 31 === fiber.tag) {
20786
21145
  var root = enqueueConcurrentRenderForLane(fiber, 67108864);
20787
21146
  null !== root && scheduleUpdateOnFiber(root, fiber, 67108864);
20788
21147
  markRetryLaneIfNotHydrated(fiber, 67108864);
20789
21148
  }
20790
21149
  }
21150
+ function attemptHydrationAtCurrentPriority(fiber) {
21151
+ if (13 === fiber.tag || 31 === fiber.tag) {
21152
+ var lane = requestUpdateLane(fiber);
21153
+ lane = getBumpedLaneForHydrationByLane(lane);
21154
+ var root = enqueueConcurrentRenderForLane(fiber, lane);
21155
+ null !== root && scheduleUpdateOnFiber(root, fiber, lane);
21156
+ markRetryLaneIfNotHydrated(fiber, lane);
21157
+ }
21158
+ }
20791
21159
  function getCurrentFiberForDevTools() {
20792
21160
  return current;
20793
21161
  }
@@ -20890,6 +21258,7 @@
20890
21258
  }
20891
21259
  }
20892
21260
  break;
21261
+ case 31:
20893
21262
  case 13:
20894
21263
  (root = enqueueConcurrentRenderForLane(fiber, 2)),
20895
21264
  null !== root && scheduleUpdateOnFiber(root, fiber, 2),
@@ -20935,6 +21304,10 @@
20935
21304
  targetNode = getSuspenseInstanceFromFiber(nearestMounted);
20936
21305
  if (null !== targetNode) return targetNode;
20937
21306
  targetNode = null;
21307
+ } else if (31 === tag) {
21308
+ targetNode = getActivityInstanceFromFiber(nearestMounted);
21309
+ if (null !== targetNode) return targetNode;
21310
+ targetNode = null;
20938
21311
  } else if (3 === tag) {
20939
21312
  if (nearestMounted.stateNode.current.memoizedState.isDehydrated)
20940
21313
  return 3 === nearestMounted.tag
@@ -21184,17 +21557,18 @@
21184
21557
  ) {
21185
21558
  queuedTarget.blockedOn = targetInst;
21186
21559
  runWithPriority(queuedTarget.priority, function () {
21187
- if (13 === nearestMounted.tag) {
21188
- var lane = requestUpdateLane(nearestMounted);
21189
- lane = getBumpedLaneForHydrationByLane(lane);
21190
- var root = enqueueConcurrentRenderForLane(
21191
- nearestMounted,
21192
- lane
21193
- );
21194
- null !== root &&
21195
- scheduleUpdateOnFiber(root, nearestMounted, lane);
21196
- markRetryLaneIfNotHydrated(nearestMounted, lane);
21197
- }
21560
+ attemptHydrationAtCurrentPriority(nearestMounted);
21561
+ });
21562
+ return;
21563
+ }
21564
+ } else if (31 === targetInst) {
21565
+ if (
21566
+ ((targetInst = getActivityInstanceFromFiber(nearestMounted)),
21567
+ null !== targetInst)
21568
+ ) {
21569
+ queuedTarget.blockedOn = targetInst;
21570
+ runWithPriority(queuedTarget.priority, function () {
21571
+ attemptHydrationAtCurrentPriority(nearestMounted);
21198
21572
  });
21199
21573
  return;
21200
21574
  }
@@ -24556,6 +24930,8 @@
24556
24930
  EXPECTED_FORM_ACTION_URL =
24557
24931
  "javascript:throw new Error('React form unexpectedly submitted.')",
24558
24932
  SUPPRESS_HYDRATION_WARNING = "suppressHydrationWarning",
24933
+ ACTIVITY_START_DATA = "&",
24934
+ ACTIVITY_END_DATA = "/&",
24559
24935
  SUSPENSE_START_DATA = "$",
24560
24936
  SUSPENSE_END_DATA = "/$",
24561
24937
  SUSPENSE_PENDING_START_DATA = "$?",
@@ -25006,11 +25382,11 @@
25006
25382
  };
25007
25383
  (function () {
25008
25384
  var isomorphicReactPackageVersion = React.version;
25009
- if ("19.2.0-canary-72135096-20250421" !== isomorphicReactPackageVersion)
25385
+ if ("19.2.0-canary-197d6a04-20250424" !== isomorphicReactPackageVersion)
25010
25386
  throw Error(
25011
25387
  'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
25012
25388
  (isomorphicReactPackageVersion +
25013
- "\n - react-dom: 19.2.0-canary-72135096-20250421\nLearn more: https://react.dev/warnings/version-mismatch")
25389
+ "\n - react-dom: 19.2.0-canary-197d6a04-20250424\nLearn more: https://react.dev/warnings/version-mismatch")
25014
25390
  );
25015
25391
  })();
25016
25392
  ("function" === typeof Map &&
@@ -25047,10 +25423,10 @@
25047
25423
  !(function () {
25048
25424
  var internals = {
25049
25425
  bundleType: 1,
25050
- version: "19.2.0-canary-72135096-20250421",
25426
+ version: "19.2.0-canary-197d6a04-20250424",
25051
25427
  rendererPackageName: "react-dom",
25052
25428
  currentDispatcherRef: ReactSharedInternals,
25053
- reconcilerVersion: "19.2.0-canary-72135096-20250421"
25429
+ reconcilerVersion: "19.2.0-canary-197d6a04-20250424"
25054
25430
  };
25055
25431
  internals.overrideHookState = overrideHookState;
25056
25432
  internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -25524,7 +25900,7 @@
25524
25900
  exports.useFormStatus = function () {
25525
25901
  return resolveDispatcher().useHostTransitionStatus();
25526
25902
  };
25527
- exports.version = "19.2.0-canary-72135096-20250421";
25903
+ exports.version = "19.2.0-canary-197d6a04-20250424";
25528
25904
  "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
25529
25905
  "function" ===
25530
25906
  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&