react-dom 19.1.0-canary-3ce77d55-20250106 → 19.1.0-canary-42687267-20250108

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.
@@ -97,13 +97,14 @@
97
97
  }
98
98
  function scheduleRoot(root, element) {
99
99
  root.context === emptyContextObject &&
100
- (updateContainerSync(element, root, null, null), flushSyncWork$1());
100
+ (updateContainerImpl(root.current, 2, element, root, null, null),
101
+ flushSyncWork$1());
101
102
  }
102
103
  function scheduleRefresh(root, update) {
103
104
  if (null !== resolveFamily) {
104
105
  var staleFamilies = update.staleFamilies;
105
106
  update = update.updatedFamilies;
106
- flushPassiveEffects();
107
+ flushPendingEffects();
107
108
  scheduleFibersWithFamiliesRecursively(
108
109
  root.current,
109
110
  update,
@@ -9101,32 +9102,32 @@
9101
9102
  return current;
9102
9103
  }
9103
9104
  function updateSuspenseComponent(current, workInProgress, renderLanes) {
9104
- var JSCompiler_object_inline_digest_2355;
9105
- var JSCompiler_object_inline_stack_2356 = workInProgress.pendingProps;
9105
+ var JSCompiler_object_inline_digest_2367;
9106
+ var JSCompiler_object_inline_stack_2368 = workInProgress.pendingProps;
9106
9107
  shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128);
9107
- var JSCompiler_object_inline_componentStack_2357 = !1;
9108
+ var JSCompiler_object_inline_componentStack_2369 = !1;
9108
9109
  var didSuspend = 0 !== (workInProgress.flags & 128);
9109
- (JSCompiler_object_inline_digest_2355 = didSuspend) ||
9110
- (JSCompiler_object_inline_digest_2355 =
9110
+ (JSCompiler_object_inline_digest_2367 = didSuspend) ||
9111
+ (JSCompiler_object_inline_digest_2367 =
9111
9112
  null !== current && null === current.memoizedState
9112
9113
  ? !1
9113
9114
  : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback));
9114
- JSCompiler_object_inline_digest_2355 &&
9115
- ((JSCompiler_object_inline_componentStack_2357 = !0),
9115
+ JSCompiler_object_inline_digest_2367 &&
9116
+ ((JSCompiler_object_inline_componentStack_2369 = !0),
9116
9117
  (workInProgress.flags &= -129));
9117
- JSCompiler_object_inline_digest_2355 = 0 !== (workInProgress.flags & 32);
9118
+ JSCompiler_object_inline_digest_2367 = 0 !== (workInProgress.flags & 32);
9118
9119
  workInProgress.flags &= -33;
9119
9120
  if (null === current) {
9120
9121
  if (isHydrating) {
9121
- JSCompiler_object_inline_componentStack_2357
9122
+ JSCompiler_object_inline_componentStack_2369
9122
9123
  ? pushPrimaryTreeSuspenseHandler(workInProgress)
9123
9124
  : reuseSuspenseHandlerOnStack(workInProgress);
9124
9125
  if (isHydrating) {
9125
- var JSCompiler_object_inline_message_2354 = nextHydratableInstance;
9126
+ var JSCompiler_object_inline_message_2366 = nextHydratableInstance;
9126
9127
  var JSCompiler_temp;
9127
- if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2354)) {
9128
+ if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2366)) {
9128
9129
  c: {
9129
- var instance = JSCompiler_object_inline_message_2354;
9130
+ var instance = JSCompiler_object_inline_message_2366;
9130
9131
  for (
9131
9132
  JSCompiler_temp = rootOrSingletonContext;
9132
9133
  8 !== instance.nodeType;
@@ -9168,77 +9169,77 @@
9168
9169
  JSCompiler_temp &&
9169
9170
  (warnNonHydratedInstance(
9170
9171
  workInProgress,
9171
- JSCompiler_object_inline_message_2354
9172
+ JSCompiler_object_inline_message_2366
9172
9173
  ),
9173
9174
  throwOnHydrationMismatch(workInProgress));
9174
9175
  }
9175
- JSCompiler_object_inline_message_2354 = workInProgress.memoizedState;
9176
+ JSCompiler_object_inline_message_2366 = workInProgress.memoizedState;
9176
9177
  if (
9177
- null !== JSCompiler_object_inline_message_2354 &&
9178
- ((JSCompiler_object_inline_message_2354 =
9179
- JSCompiler_object_inline_message_2354.dehydrated),
9180
- null !== JSCompiler_object_inline_message_2354)
9178
+ null !== JSCompiler_object_inline_message_2366 &&
9179
+ ((JSCompiler_object_inline_message_2366 =
9180
+ JSCompiler_object_inline_message_2366.dehydrated),
9181
+ null !== JSCompiler_object_inline_message_2366)
9181
9182
  )
9182
9183
  return (
9183
- isSuspenseInstanceFallback(JSCompiler_object_inline_message_2354)
9184
+ isSuspenseInstanceFallback(JSCompiler_object_inline_message_2366)
9184
9185
  ? (workInProgress.lanes = 32)
9185
9186
  : (workInProgress.lanes = 536870912),
9186
9187
  null
9187
9188
  );
9188
9189
  popSuspenseHandler(workInProgress);
9189
9190
  }
9190
- JSCompiler_object_inline_message_2354 =
9191
- JSCompiler_object_inline_stack_2356.children;
9192
- JSCompiler_object_inline_stack_2356 =
9193
- JSCompiler_object_inline_stack_2356.fallback;
9194
- if (JSCompiler_object_inline_componentStack_2357)
9191
+ JSCompiler_object_inline_message_2366 =
9192
+ JSCompiler_object_inline_stack_2368.children;
9193
+ JSCompiler_object_inline_stack_2368 =
9194
+ JSCompiler_object_inline_stack_2368.fallback;
9195
+ if (JSCompiler_object_inline_componentStack_2369)
9195
9196
  return (
9196
9197
  reuseSuspenseHandlerOnStack(workInProgress),
9197
- (JSCompiler_object_inline_componentStack_2357 =
9198
+ (JSCompiler_object_inline_componentStack_2369 =
9198
9199
  workInProgress.mode),
9199
- (JSCompiler_object_inline_message_2354 =
9200
+ (JSCompiler_object_inline_message_2366 =
9200
9201
  mountWorkInProgressOffscreenFiber(
9201
9202
  {
9202
9203
  mode: "hidden",
9203
- children: JSCompiler_object_inline_message_2354
9204
+ children: JSCompiler_object_inline_message_2366
9204
9205
  },
9205
- JSCompiler_object_inline_componentStack_2357
9206
+ JSCompiler_object_inline_componentStack_2369
9206
9207
  )),
9207
- (JSCompiler_object_inline_stack_2356 = createFiberFromFragment(
9208
- JSCompiler_object_inline_stack_2356,
9209
- JSCompiler_object_inline_componentStack_2357,
9208
+ (JSCompiler_object_inline_stack_2368 = createFiberFromFragment(
9209
+ JSCompiler_object_inline_stack_2368,
9210
+ JSCompiler_object_inline_componentStack_2369,
9210
9211
  renderLanes,
9211
9212
  null
9212
9213
  )),
9213
- (JSCompiler_object_inline_message_2354.return = workInProgress),
9214
- (JSCompiler_object_inline_stack_2356.return = workInProgress),
9215
- (JSCompiler_object_inline_message_2354.sibling =
9216
- JSCompiler_object_inline_stack_2356),
9217
- (workInProgress.child = JSCompiler_object_inline_message_2354),
9218
- (JSCompiler_object_inline_componentStack_2357 =
9214
+ (JSCompiler_object_inline_message_2366.return = workInProgress),
9215
+ (JSCompiler_object_inline_stack_2368.return = workInProgress),
9216
+ (JSCompiler_object_inline_message_2366.sibling =
9217
+ JSCompiler_object_inline_stack_2368),
9218
+ (workInProgress.child = JSCompiler_object_inline_message_2366),
9219
+ (JSCompiler_object_inline_componentStack_2369 =
9219
9220
  workInProgress.child),
9220
- (JSCompiler_object_inline_componentStack_2357.memoizedState =
9221
+ (JSCompiler_object_inline_componentStack_2369.memoizedState =
9221
9222
  mountSuspenseOffscreenState(renderLanes)),
9222
- (JSCompiler_object_inline_componentStack_2357.childLanes =
9223
+ (JSCompiler_object_inline_componentStack_2369.childLanes =
9223
9224
  getRemainingWorkInPrimaryTree(
9224
9225
  current,
9225
- JSCompiler_object_inline_digest_2355,
9226
+ JSCompiler_object_inline_digest_2367,
9226
9227
  renderLanes
9227
9228
  )),
9228
9229
  (workInProgress.memoizedState = SUSPENDED_MARKER),
9229
- JSCompiler_object_inline_stack_2356
9230
+ JSCompiler_object_inline_stack_2368
9230
9231
  );
9231
9232
  pushPrimaryTreeSuspenseHandler(workInProgress);
9232
9233
  return mountSuspensePrimaryChildren(
9233
9234
  workInProgress,
9234
- JSCompiler_object_inline_message_2354
9235
+ JSCompiler_object_inline_message_2366
9235
9236
  );
9236
9237
  }
9237
9238
  var prevState = current.memoizedState;
9238
9239
  if (
9239
9240
  null !== prevState &&
9240
- ((JSCompiler_object_inline_message_2354 = prevState.dehydrated),
9241
- null !== JSCompiler_object_inline_message_2354)
9241
+ ((JSCompiler_object_inline_message_2366 = prevState.dehydrated),
9242
+ null !== JSCompiler_object_inline_message_2366)
9242
9243
  ) {
9243
9244
  if (didSuspend)
9244
9245
  workInProgress.flags & 256
@@ -9255,94 +9256,94 @@
9255
9256
  (workInProgress.flags |= 128),
9256
9257
  (workInProgress = null))
9257
9258
  : (reuseSuspenseHandlerOnStack(workInProgress),
9258
- (JSCompiler_object_inline_componentStack_2357 =
9259
- JSCompiler_object_inline_stack_2356.fallback),
9260
- (JSCompiler_object_inline_message_2354 = workInProgress.mode),
9261
- (JSCompiler_object_inline_stack_2356 =
9259
+ (JSCompiler_object_inline_componentStack_2369 =
9260
+ JSCompiler_object_inline_stack_2368.fallback),
9261
+ (JSCompiler_object_inline_message_2366 = workInProgress.mode),
9262
+ (JSCompiler_object_inline_stack_2368 =
9262
9263
  mountWorkInProgressOffscreenFiber(
9263
9264
  {
9264
9265
  mode: "visible",
9265
- children: JSCompiler_object_inline_stack_2356.children
9266
+ children: JSCompiler_object_inline_stack_2368.children
9266
9267
  },
9267
- JSCompiler_object_inline_message_2354
9268
+ JSCompiler_object_inline_message_2366
9268
9269
  )),
9269
- (JSCompiler_object_inline_componentStack_2357 =
9270
+ (JSCompiler_object_inline_componentStack_2369 =
9270
9271
  createFiberFromFragment(
9271
- JSCompiler_object_inline_componentStack_2357,
9272
- JSCompiler_object_inline_message_2354,
9272
+ JSCompiler_object_inline_componentStack_2369,
9273
+ JSCompiler_object_inline_message_2366,
9273
9274
  renderLanes,
9274
9275
  null
9275
9276
  )),
9276
- (JSCompiler_object_inline_componentStack_2357.flags |= 2),
9277
- (JSCompiler_object_inline_stack_2356.return = workInProgress),
9278
- (JSCompiler_object_inline_componentStack_2357.return =
9277
+ (JSCompiler_object_inline_componentStack_2369.flags |= 2),
9278
+ (JSCompiler_object_inline_stack_2368.return = workInProgress),
9279
+ (JSCompiler_object_inline_componentStack_2369.return =
9279
9280
  workInProgress),
9280
- (JSCompiler_object_inline_stack_2356.sibling =
9281
- JSCompiler_object_inline_componentStack_2357),
9282
- (workInProgress.child = JSCompiler_object_inline_stack_2356),
9281
+ (JSCompiler_object_inline_stack_2368.sibling =
9282
+ JSCompiler_object_inline_componentStack_2369),
9283
+ (workInProgress.child = JSCompiler_object_inline_stack_2368),
9283
9284
  reconcileChildFibers(
9284
9285
  workInProgress,
9285
9286
  current.child,
9286
9287
  null,
9287
9288
  renderLanes
9288
9289
  ),
9289
- (JSCompiler_object_inline_stack_2356 = workInProgress.child),
9290
- (JSCompiler_object_inline_stack_2356.memoizedState =
9290
+ (JSCompiler_object_inline_stack_2368 = workInProgress.child),
9291
+ (JSCompiler_object_inline_stack_2368.memoizedState =
9291
9292
  mountSuspenseOffscreenState(renderLanes)),
9292
- (JSCompiler_object_inline_stack_2356.childLanes =
9293
+ (JSCompiler_object_inline_stack_2368.childLanes =
9293
9294
  getRemainingWorkInPrimaryTree(
9294
9295
  current,
9295
- JSCompiler_object_inline_digest_2355,
9296
+ JSCompiler_object_inline_digest_2367,
9296
9297
  renderLanes
9297
9298
  )),
9298
9299
  (workInProgress.memoizedState = SUSPENDED_MARKER),
9299
9300
  (workInProgress =
9300
- JSCompiler_object_inline_componentStack_2357));
9301
+ JSCompiler_object_inline_componentStack_2369));
9301
9302
  else if (
9302
9303
  (pushPrimaryTreeSuspenseHandler(workInProgress),
9303
9304
  isHydrating &&
9304
9305
  console.error(
9305
9306
  "We should not be hydrating here. This is a bug in React. Please file a bug."
9306
9307
  ),
9307
- isSuspenseInstanceFallback(JSCompiler_object_inline_message_2354))
9308
+ isSuspenseInstanceFallback(JSCompiler_object_inline_message_2366))
9308
9309
  ) {
9309
- JSCompiler_object_inline_digest_2355 =
9310
- JSCompiler_object_inline_message_2354.nextSibling &&
9311
- JSCompiler_object_inline_message_2354.nextSibling.dataset;
9312
- if (JSCompiler_object_inline_digest_2355) {
9313
- JSCompiler_temp = JSCompiler_object_inline_digest_2355.dgst;
9314
- var message = JSCompiler_object_inline_digest_2355.msg;
9315
- instance = JSCompiler_object_inline_digest_2355.stck;
9316
- var componentStack = JSCompiler_object_inline_digest_2355.cstck;
9310
+ JSCompiler_object_inline_digest_2367 =
9311
+ JSCompiler_object_inline_message_2366.nextSibling &&
9312
+ JSCompiler_object_inline_message_2366.nextSibling.dataset;
9313
+ if (JSCompiler_object_inline_digest_2367) {
9314
+ JSCompiler_temp = JSCompiler_object_inline_digest_2367.dgst;
9315
+ var message = JSCompiler_object_inline_digest_2367.msg;
9316
+ instance = JSCompiler_object_inline_digest_2367.stck;
9317
+ var componentStack = JSCompiler_object_inline_digest_2367.cstck;
9317
9318
  }
9318
- JSCompiler_object_inline_message_2354 = message;
9319
- JSCompiler_object_inline_digest_2355 = JSCompiler_temp;
9320
- JSCompiler_object_inline_stack_2356 = instance;
9321
- JSCompiler_temp = JSCompiler_object_inline_componentStack_2357 =
9319
+ JSCompiler_object_inline_message_2366 = message;
9320
+ JSCompiler_object_inline_digest_2367 = JSCompiler_temp;
9321
+ JSCompiler_object_inline_stack_2368 = instance;
9322
+ JSCompiler_temp = JSCompiler_object_inline_componentStack_2369 =
9322
9323
  componentStack;
9323
- JSCompiler_object_inline_componentStack_2357 =
9324
- JSCompiler_object_inline_message_2354
9325
- ? Error(JSCompiler_object_inline_message_2354)
9324
+ JSCompiler_object_inline_componentStack_2369 =
9325
+ JSCompiler_object_inline_message_2366
9326
+ ? Error(JSCompiler_object_inline_message_2366)
9326
9327
  : Error(
9327
9328
  "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
9328
9329
  );
9329
- JSCompiler_object_inline_componentStack_2357.stack =
9330
- JSCompiler_object_inline_stack_2356 || "";
9331
- JSCompiler_object_inline_componentStack_2357.digest =
9332
- JSCompiler_object_inline_digest_2355;
9333
- JSCompiler_object_inline_digest_2355 =
9330
+ JSCompiler_object_inline_componentStack_2369.stack =
9331
+ JSCompiler_object_inline_stack_2368 || "";
9332
+ JSCompiler_object_inline_componentStack_2369.digest =
9333
+ JSCompiler_object_inline_digest_2367;
9334
+ JSCompiler_object_inline_digest_2367 =
9334
9335
  void 0 === JSCompiler_temp ? null : JSCompiler_temp;
9335
- JSCompiler_object_inline_stack_2356 = {
9336
- value: JSCompiler_object_inline_componentStack_2357,
9336
+ JSCompiler_object_inline_stack_2368 = {
9337
+ value: JSCompiler_object_inline_componentStack_2369,
9337
9338
  source: null,
9338
- stack: JSCompiler_object_inline_digest_2355
9339
+ stack: JSCompiler_object_inline_digest_2367
9339
9340
  };
9340
- "string" === typeof JSCompiler_object_inline_digest_2355 &&
9341
+ "string" === typeof JSCompiler_object_inline_digest_2367 &&
9341
9342
  CapturedStacks.set(
9342
- JSCompiler_object_inline_componentStack_2357,
9343
- JSCompiler_object_inline_stack_2356
9343
+ JSCompiler_object_inline_componentStack_2369,
9344
+ JSCompiler_object_inline_stack_2368
9344
9345
  );
9345
- queueHydrationError(JSCompiler_object_inline_stack_2356);
9346
+ queueHydrationError(JSCompiler_object_inline_stack_2368);
9346
9347
  workInProgress = retrySuspenseComponentWithoutHydrating(
9347
9348
  current,
9348
9349
  workInProgress,
@@ -9356,44 +9357,44 @@
9356
9357
  renderLanes,
9357
9358
  !1
9358
9359
  ),
9359
- (JSCompiler_object_inline_digest_2355 =
9360
+ (JSCompiler_object_inline_digest_2367 =
9360
9361
  0 !== (renderLanes & current.childLanes)),
9361
- didReceiveUpdate || JSCompiler_object_inline_digest_2355)
9362
+ didReceiveUpdate || JSCompiler_object_inline_digest_2367)
9362
9363
  ) {
9363
- JSCompiler_object_inline_digest_2355 = workInProgressRoot;
9364
+ JSCompiler_object_inline_digest_2367 = workInProgressRoot;
9364
9365
  if (
9365
- null !== JSCompiler_object_inline_digest_2355 &&
9366
- ((JSCompiler_object_inline_stack_2356 = renderLanes & -renderLanes),
9367
- (JSCompiler_object_inline_stack_2356 =
9368
- 0 !== (JSCompiler_object_inline_stack_2356 & 42)
9366
+ null !== JSCompiler_object_inline_digest_2367 &&
9367
+ ((JSCompiler_object_inline_stack_2368 = renderLanes & -renderLanes),
9368
+ (JSCompiler_object_inline_stack_2368 =
9369
+ 0 !== (JSCompiler_object_inline_stack_2368 & 42)
9369
9370
  ? 1
9370
9371
  : getBumpedLaneForHydrationByLane(
9371
- JSCompiler_object_inline_stack_2356
9372
+ JSCompiler_object_inline_stack_2368
9372
9373
  )),
9373
- (JSCompiler_object_inline_stack_2356 =
9374
+ (JSCompiler_object_inline_stack_2368 =
9374
9375
  0 !==
9375
- (JSCompiler_object_inline_stack_2356 &
9376
- (JSCompiler_object_inline_digest_2355.suspendedLanes |
9376
+ (JSCompiler_object_inline_stack_2368 &
9377
+ (JSCompiler_object_inline_digest_2367.suspendedLanes |
9377
9378
  renderLanes))
9378
9379
  ? 0
9379
- : JSCompiler_object_inline_stack_2356),
9380
- 0 !== JSCompiler_object_inline_stack_2356 &&
9381
- JSCompiler_object_inline_stack_2356 !== prevState.retryLane)
9380
+ : JSCompiler_object_inline_stack_2368),
9381
+ 0 !== JSCompiler_object_inline_stack_2368 &&
9382
+ JSCompiler_object_inline_stack_2368 !== prevState.retryLane)
9382
9383
  )
9383
9384
  throw (
9384
- ((prevState.retryLane = JSCompiler_object_inline_stack_2356),
9385
+ ((prevState.retryLane = JSCompiler_object_inline_stack_2368),
9385
9386
  enqueueConcurrentRenderForLane(
9386
9387
  current,
9387
- JSCompiler_object_inline_stack_2356
9388
+ JSCompiler_object_inline_stack_2368
9388
9389
  ),
9389
9390
  scheduleUpdateOnFiber(
9390
- JSCompiler_object_inline_digest_2355,
9391
+ JSCompiler_object_inline_digest_2367,
9391
9392
  current,
9392
- JSCompiler_object_inline_stack_2356
9393
+ JSCompiler_object_inline_stack_2368
9393
9394
  ),
9394
9395
  SelectiveHydrationException)
9395
9396
  );
9396
- JSCompiler_object_inline_message_2354.data ===
9397
+ JSCompiler_object_inline_message_2366.data ===
9397
9398
  SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible();
9398
9399
  workInProgress = retrySuspenseComponentWithoutHydrating(
9399
9400
  current,
@@ -9401,14 +9402,14 @@
9401
9402
  renderLanes
9402
9403
  );
9403
9404
  } else
9404
- JSCompiler_object_inline_message_2354.data ===
9405
+ JSCompiler_object_inline_message_2366.data ===
9405
9406
  SUSPENSE_PENDING_START_DATA
9406
9407
  ? ((workInProgress.flags |= 192),
9407
9408
  (workInProgress.child = current.child),
9408
9409
  (workInProgress = null))
9409
9410
  : ((current = prevState.treeContext),
9410
9411
  (nextHydratableInstance = getNextHydratable(
9411
- JSCompiler_object_inline_message_2354.nextSibling
9412
+ JSCompiler_object_inline_message_2366.nextSibling
9412
9413
  )),
9413
9414
  (hydrationParentFiber = workInProgress),
9414
9415
  (isHydrating = !0),
@@ -9426,57 +9427,57 @@
9426
9427
  (treeContextProvider = workInProgress)),
9427
9428
  (workInProgress = mountSuspensePrimaryChildren(
9428
9429
  workInProgress,
9429
- JSCompiler_object_inline_stack_2356.children
9430
+ JSCompiler_object_inline_stack_2368.children
9430
9431
  )),
9431
9432
  (workInProgress.flags |= 4096));
9432
9433
  return workInProgress;
9433
9434
  }
9434
- if (JSCompiler_object_inline_componentStack_2357)
9435
+ if (JSCompiler_object_inline_componentStack_2369)
9435
9436
  return (
9436
9437
  reuseSuspenseHandlerOnStack(workInProgress),
9437
- (JSCompiler_object_inline_componentStack_2357 =
9438
- JSCompiler_object_inline_stack_2356.fallback),
9439
- (JSCompiler_object_inline_message_2354 = workInProgress.mode),
9438
+ (JSCompiler_object_inline_componentStack_2369 =
9439
+ JSCompiler_object_inline_stack_2368.fallback),
9440
+ (JSCompiler_object_inline_message_2366 = workInProgress.mode),
9440
9441
  (JSCompiler_temp = current.child),
9441
9442
  (instance = JSCompiler_temp.sibling),
9442
- (JSCompiler_object_inline_stack_2356 = createWorkInProgress(
9443
+ (JSCompiler_object_inline_stack_2368 = createWorkInProgress(
9443
9444
  JSCompiler_temp,
9444
9445
  {
9445
9446
  mode: "hidden",
9446
- children: JSCompiler_object_inline_stack_2356.children
9447
+ children: JSCompiler_object_inline_stack_2368.children
9447
9448
  }
9448
9449
  )),
9449
- (JSCompiler_object_inline_stack_2356.subtreeFlags =
9450
+ (JSCompiler_object_inline_stack_2368.subtreeFlags =
9450
9451
  JSCompiler_temp.subtreeFlags & 29360128),
9451
9452
  null !== instance
9452
- ? (JSCompiler_object_inline_componentStack_2357 =
9453
+ ? (JSCompiler_object_inline_componentStack_2369 =
9453
9454
  createWorkInProgress(
9454
9455
  instance,
9455
- JSCompiler_object_inline_componentStack_2357
9456
+ JSCompiler_object_inline_componentStack_2369
9456
9457
  ))
9457
- : ((JSCompiler_object_inline_componentStack_2357 =
9458
+ : ((JSCompiler_object_inline_componentStack_2369 =
9458
9459
  createFiberFromFragment(
9459
- JSCompiler_object_inline_componentStack_2357,
9460
- JSCompiler_object_inline_message_2354,
9460
+ JSCompiler_object_inline_componentStack_2369,
9461
+ JSCompiler_object_inline_message_2366,
9461
9462
  renderLanes,
9462
9463
  null
9463
9464
  )),
9464
- (JSCompiler_object_inline_componentStack_2357.flags |= 2)),
9465
- (JSCompiler_object_inline_componentStack_2357.return =
9465
+ (JSCompiler_object_inline_componentStack_2369.flags |= 2)),
9466
+ (JSCompiler_object_inline_componentStack_2369.return =
9466
9467
  workInProgress),
9467
- (JSCompiler_object_inline_stack_2356.return = workInProgress),
9468
- (JSCompiler_object_inline_stack_2356.sibling =
9469
- JSCompiler_object_inline_componentStack_2357),
9470
- (workInProgress.child = JSCompiler_object_inline_stack_2356),
9471
- (JSCompiler_object_inline_stack_2356 =
9472
- JSCompiler_object_inline_componentStack_2357),
9473
- (JSCompiler_object_inline_componentStack_2357 = workInProgress.child),
9474
- (JSCompiler_object_inline_message_2354 = current.child.memoizedState),
9475
- null === JSCompiler_object_inline_message_2354
9476
- ? (JSCompiler_object_inline_message_2354 =
9468
+ (JSCompiler_object_inline_stack_2368.return = workInProgress),
9469
+ (JSCompiler_object_inline_stack_2368.sibling =
9470
+ JSCompiler_object_inline_componentStack_2369),
9471
+ (workInProgress.child = JSCompiler_object_inline_stack_2368),
9472
+ (JSCompiler_object_inline_stack_2368 =
9473
+ JSCompiler_object_inline_componentStack_2369),
9474
+ (JSCompiler_object_inline_componentStack_2369 = workInProgress.child),
9475
+ (JSCompiler_object_inline_message_2366 = current.child.memoizedState),
9476
+ null === JSCompiler_object_inline_message_2366
9477
+ ? (JSCompiler_object_inline_message_2366 =
9477
9478
  mountSuspenseOffscreenState(renderLanes))
9478
9479
  : ((JSCompiler_temp =
9479
- JSCompiler_object_inline_message_2354.cachePool),
9480
+ JSCompiler_object_inline_message_2366.cachePool),
9480
9481
  null !== JSCompiler_temp
9481
9482
  ? ((instance = CacheContext._currentValue),
9482
9483
  (JSCompiler_temp =
@@ -9484,37 +9485,37 @@
9484
9485
  ? { parent: instance, pool: instance }
9485
9486
  : JSCompiler_temp))
9486
9487
  : (JSCompiler_temp = getSuspendedCache()),
9487
- (JSCompiler_object_inline_message_2354 = {
9488
+ (JSCompiler_object_inline_message_2366 = {
9488
9489
  baseLanes:
9489
- JSCompiler_object_inline_message_2354.baseLanes | renderLanes,
9490
+ JSCompiler_object_inline_message_2366.baseLanes | renderLanes,
9490
9491
  cachePool: JSCompiler_temp
9491
9492
  })),
9492
- (JSCompiler_object_inline_componentStack_2357.memoizedState =
9493
- JSCompiler_object_inline_message_2354),
9494
- (JSCompiler_object_inline_componentStack_2357.childLanes =
9493
+ (JSCompiler_object_inline_componentStack_2369.memoizedState =
9494
+ JSCompiler_object_inline_message_2366),
9495
+ (JSCompiler_object_inline_componentStack_2369.childLanes =
9495
9496
  getRemainingWorkInPrimaryTree(
9496
9497
  current,
9497
- JSCompiler_object_inline_digest_2355,
9498
+ JSCompiler_object_inline_digest_2367,
9498
9499
  renderLanes
9499
9500
  )),
9500
9501
  (workInProgress.memoizedState = SUSPENDED_MARKER),
9501
- JSCompiler_object_inline_stack_2356
9502
+ JSCompiler_object_inline_stack_2368
9502
9503
  );
9503
9504
  pushPrimaryTreeSuspenseHandler(workInProgress);
9504
9505
  renderLanes = current.child;
9505
9506
  current = renderLanes.sibling;
9506
9507
  renderLanes = createWorkInProgress(renderLanes, {
9507
9508
  mode: "visible",
9508
- children: JSCompiler_object_inline_stack_2356.children
9509
+ children: JSCompiler_object_inline_stack_2368.children
9509
9510
  });
9510
9511
  renderLanes.return = workInProgress;
9511
9512
  renderLanes.sibling = null;
9512
9513
  null !== current &&
9513
- ((JSCompiler_object_inline_digest_2355 = workInProgress.deletions),
9514
- null === JSCompiler_object_inline_digest_2355
9514
+ ((JSCompiler_object_inline_digest_2367 = workInProgress.deletions),
9515
+ null === JSCompiler_object_inline_digest_2367
9515
9516
  ? ((workInProgress.deletions = [current]),
9516
9517
  (workInProgress.flags |= 16))
9517
- : JSCompiler_object_inline_digest_2355.push(current));
9518
+ : JSCompiler_object_inline_digest_2367.push(current));
9518
9519
  workInProgress.child = renderLanes;
9519
9520
  workInProgress.memoizedState = null;
9520
9521
  return renderLanes;
@@ -15135,8 +15136,8 @@
15135
15136
  suspendedRetryLanes
15136
15137
  ) {
15137
15138
  root.cancelPendingCommit = null;
15138
- do flushPassiveEffects();
15139
- while (null !== rootWithPendingPassiveEffects);
15139
+ do flushPendingEffects();
15140
+ while (pendingEffectsStatus !== NO_PENDING_EFFECTS);
15140
15141
  ReactStrictModeWarnings.flushLegacyContextWarning();
15141
15142
  ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
15142
15143
  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
@@ -15168,12 +15169,15 @@
15168
15169
  root === workInProgressRoot &&
15169
15170
  ((workInProgress = workInProgressRoot = null),
15170
15171
  (workInProgressRootRenderLanes = 0));
15172
+ pendingFinishedWork = finishedWork;
15173
+ pendingEffectsRoot = root;
15174
+ pendingEffectsLanes = lanes;
15175
+ pendingEffectsRemainingLanes = didIncludeRenderPhaseUpdate;
15176
+ pendingPassiveTransitions = transitions;
15177
+ pendingRecoverableErrors = recoverableErrors;
15171
15178
  0 !== (finishedWork.subtreeFlags & 10256) ||
15172
15179
  0 !== (finishedWork.flags & 10256)
15173
- ? ((pendingPassiveEffectsRemainingLanes =
15174
- didIncludeRenderPhaseUpdate),
15175
- (pendingPassiveTransitions = transitions),
15176
- (root.callbackNode = null),
15180
+ ? ((root.callbackNode = null),
15177
15181
  (root.callbackPriority = 0),
15178
15182
  scheduleCallback$1(NormalPriority$1, function () {
15179
15183
  flushPassiveEffects(!0);
@@ -15181,266 +15185,289 @@
15181
15185
  }))
15182
15186
  : ((root.callbackNode = null), (root.callbackPriority = 0));
15183
15187
  commitStartTime = now();
15184
- transitions = 0 !== (finishedWork.flags & 13878);
15185
- if (0 !== (finishedWork.subtreeFlags & 13878) || transitions) {
15186
- transitions = ReactSharedInternals.T;
15188
+ lanes = 0 !== (finishedWork.flags & 13878);
15189
+ if (0 !== (finishedWork.subtreeFlags & 13878) || lanes) {
15190
+ lanes = ReactSharedInternals.T;
15187
15191
  ReactSharedInternals.T = null;
15188
- spawnedLane = ReactDOMSharedInternals.p;
15192
+ recoverableErrors = ReactDOMSharedInternals.p;
15189
15193
  ReactDOMSharedInternals.p = DiscreteEventPriority;
15190
- updatedLanes = executionContext;
15194
+ transitions = executionContext;
15191
15195
  executionContext |= CommitContext;
15192
15196
  try {
15193
15197
  commitBeforeMutationEffects(root, finishedWork);
15194
15198
  } finally {
15195
- (executionContext = updatedLanes),
15196
- (ReactDOMSharedInternals.p = spawnedLane),
15197
- (ReactSharedInternals.T = transitions);
15199
+ (executionContext = transitions),
15200
+ (ReactDOMSharedInternals.p = recoverableErrors),
15201
+ (ReactSharedInternals.T = lanes);
15198
15202
  }
15199
15203
  }
15200
- flushMutationEffects(root, finishedWork, lanes);
15201
- flushLayoutEffects(root, finishedWork, lanes, recoverableErrors);
15202
- }
15203
- }
15204
- function flushMutationEffects(root, finishedWork, lanes) {
15205
- var rootMutationHasEffect = 0 !== (finishedWork.flags & 13878);
15206
- if (0 !== (finishedWork.subtreeFlags & 13878) || rootMutationHasEffect) {
15207
- rootMutationHasEffect = ReactSharedInternals.T;
15208
- ReactSharedInternals.T = null;
15209
- var previousPriority = ReactDOMSharedInternals.p;
15210
- ReactDOMSharedInternals.p = DiscreteEventPriority;
15211
- var prevExecutionContext = executionContext;
15212
- executionContext |= CommitContext;
15213
- try {
15214
- inProgressLanes = lanes;
15215
- inProgressRoot = root;
15216
- commitMutationEffectsOnFiber(finishedWork, root);
15217
- inProgressRoot = inProgressLanes = null;
15218
- lanes = selectionInformation;
15219
- var curFocusedElem = getActiveElementDeep(root.containerInfo),
15220
- priorFocusedElem = lanes.focusedElem,
15221
- priorSelectionRange = lanes.selectionRange;
15222
- if (
15223
- curFocusedElem !== priorFocusedElem &&
15224
- priorFocusedElem &&
15225
- priorFocusedElem.ownerDocument &&
15226
- containsNode(
15227
- priorFocusedElem.ownerDocument.documentElement,
15228
- priorFocusedElem
15229
- )
15230
- ) {
15204
+ pendingEffectsStatus = PENDING_MUTATION_PHASE;
15205
+ flushMutationEffects();
15206
+ flushLayoutEffects();
15207
+ }
15208
+ }
15209
+ function flushMutationEffects() {
15210
+ if (pendingEffectsStatus === PENDING_MUTATION_PHASE) {
15211
+ pendingEffectsStatus = NO_PENDING_EFFECTS;
15212
+ var root = pendingEffectsRoot,
15213
+ finishedWork = pendingFinishedWork,
15214
+ lanes = pendingEffectsLanes,
15215
+ rootMutationHasEffect = 0 !== (finishedWork.flags & 13878);
15216
+ if (
15217
+ 0 !== (finishedWork.subtreeFlags & 13878) ||
15218
+ rootMutationHasEffect
15219
+ ) {
15220
+ rootMutationHasEffect = ReactSharedInternals.T;
15221
+ ReactSharedInternals.T = null;
15222
+ var previousPriority = ReactDOMSharedInternals.p;
15223
+ ReactDOMSharedInternals.p = DiscreteEventPriority;
15224
+ var prevExecutionContext = executionContext;
15225
+ executionContext |= CommitContext;
15226
+ try {
15227
+ inProgressLanes = lanes;
15228
+ inProgressRoot = root;
15229
+ commitMutationEffectsOnFiber(finishedWork, root);
15230
+ inProgressRoot = inProgressLanes = null;
15231
+ lanes = selectionInformation;
15232
+ var curFocusedElem = getActiveElementDeep(root.containerInfo),
15233
+ priorFocusedElem = lanes.focusedElem,
15234
+ priorSelectionRange = lanes.selectionRange;
15231
15235
  if (
15232
- null !== priorSelectionRange &&
15233
- hasSelectionCapabilities(priorFocusedElem)
15236
+ curFocusedElem !== priorFocusedElem &&
15237
+ priorFocusedElem &&
15238
+ priorFocusedElem.ownerDocument &&
15239
+ containsNode(
15240
+ priorFocusedElem.ownerDocument.documentElement,
15241
+ priorFocusedElem
15242
+ )
15234
15243
  ) {
15235
- var start = priorSelectionRange.start,
15236
- end = priorSelectionRange.end;
15237
- void 0 === end && (end = start);
15238
- if ("selectionStart" in priorFocusedElem)
15239
- (priorFocusedElem.selectionStart = start),
15240
- (priorFocusedElem.selectionEnd = Math.min(
15241
- end,
15242
- priorFocusedElem.value.length
15243
- ));
15244
- else {
15245
- var doc = priorFocusedElem.ownerDocument || document,
15246
- win = (doc && doc.defaultView) || window;
15247
- if (win.getSelection) {
15248
- var selection = win.getSelection(),
15249
- length = priorFocusedElem.textContent.length,
15250
- start$jscomp$0 = Math.min(
15251
- priorSelectionRange.start,
15252
- length
15253
- ),
15254
- end$jscomp$0 =
15255
- void 0 === priorSelectionRange.end
15256
- ? start$jscomp$0
15257
- : Math.min(priorSelectionRange.end, length);
15258
- !selection.extend &&
15259
- start$jscomp$0 > end$jscomp$0 &&
15260
- ((curFocusedElem = end$jscomp$0),
15261
- (end$jscomp$0 = start$jscomp$0),
15262
- (start$jscomp$0 = curFocusedElem));
15263
- var startMarker = getNodeForCharacterOffset(
15264
- priorFocusedElem,
15265
- start$jscomp$0
15266
- ),
15267
- endMarker = getNodeForCharacterOffset(
15268
- priorFocusedElem,
15269
- end$jscomp$0
15270
- );
15271
- if (
15272
- startMarker &&
15273
- endMarker &&
15274
- (1 !== selection.rangeCount ||
15275
- selection.anchorNode !== startMarker.node ||
15276
- selection.anchorOffset !== startMarker.offset ||
15277
- selection.focusNode !== endMarker.node ||
15278
- selection.focusOffset !== endMarker.offset)
15279
- ) {
15280
- var range = doc.createRange();
15281
- range.setStart(startMarker.node, startMarker.offset);
15282
- selection.removeAllRanges();
15283
- start$jscomp$0 > end$jscomp$0
15284
- ? (selection.addRange(range),
15285
- selection.extend(endMarker.node, endMarker.offset))
15286
- : (range.setEnd(endMarker.node, endMarker.offset),
15287
- selection.addRange(range));
15244
+ if (
15245
+ null !== priorSelectionRange &&
15246
+ hasSelectionCapabilities(priorFocusedElem)
15247
+ ) {
15248
+ var start = priorSelectionRange.start,
15249
+ end = priorSelectionRange.end;
15250
+ void 0 === end && (end = start);
15251
+ if ("selectionStart" in priorFocusedElem)
15252
+ (priorFocusedElem.selectionStart = start),
15253
+ (priorFocusedElem.selectionEnd = Math.min(
15254
+ end,
15255
+ priorFocusedElem.value.length
15256
+ ));
15257
+ else {
15258
+ var doc = priorFocusedElem.ownerDocument || document,
15259
+ win = (doc && doc.defaultView) || window;
15260
+ if (win.getSelection) {
15261
+ var selection = win.getSelection(),
15262
+ length = priorFocusedElem.textContent.length,
15263
+ start$jscomp$0 = Math.min(
15264
+ priorSelectionRange.start,
15265
+ length
15266
+ ),
15267
+ end$jscomp$0 =
15268
+ void 0 === priorSelectionRange.end
15269
+ ? start$jscomp$0
15270
+ : Math.min(priorSelectionRange.end, length);
15271
+ !selection.extend &&
15272
+ start$jscomp$0 > end$jscomp$0 &&
15273
+ ((curFocusedElem = end$jscomp$0),
15274
+ (end$jscomp$0 = start$jscomp$0),
15275
+ (start$jscomp$0 = curFocusedElem));
15276
+ var startMarker = getNodeForCharacterOffset(
15277
+ priorFocusedElem,
15278
+ start$jscomp$0
15279
+ ),
15280
+ endMarker = getNodeForCharacterOffset(
15281
+ priorFocusedElem,
15282
+ end$jscomp$0
15283
+ );
15284
+ if (
15285
+ startMarker &&
15286
+ endMarker &&
15287
+ (1 !== selection.rangeCount ||
15288
+ selection.anchorNode !== startMarker.node ||
15289
+ selection.anchorOffset !== startMarker.offset ||
15290
+ selection.focusNode !== endMarker.node ||
15291
+ selection.focusOffset !== endMarker.offset)
15292
+ ) {
15293
+ var range = doc.createRange();
15294
+ range.setStart(startMarker.node, startMarker.offset);
15295
+ selection.removeAllRanges();
15296
+ start$jscomp$0 > end$jscomp$0
15297
+ ? (selection.addRange(range),
15298
+ selection.extend(endMarker.node, endMarker.offset))
15299
+ : (range.setEnd(endMarker.node, endMarker.offset),
15300
+ selection.addRange(range));
15301
+ }
15288
15302
  }
15289
15303
  }
15290
15304
  }
15291
- }
15292
- doc = [];
15293
- for (
15294
- selection = priorFocusedElem;
15295
- (selection = selection.parentNode);
15305
+ doc = [];
15306
+ for (
15307
+ selection = priorFocusedElem;
15308
+ (selection = selection.parentNode);
15296
15309
 
15297
- )
15298
- 1 === selection.nodeType &&
15299
- doc.push({
15300
- element: selection,
15301
- left: selection.scrollLeft,
15302
- top: selection.scrollTop
15303
- });
15304
- "function" === typeof priorFocusedElem.focus &&
15305
- priorFocusedElem.focus();
15306
- for (
15307
- priorFocusedElem = 0;
15308
- priorFocusedElem < doc.length;
15309
- priorFocusedElem++
15310
- ) {
15311
- var info = doc[priorFocusedElem];
15312
- info.element.scrollLeft = info.left;
15313
- info.element.scrollTop = info.top;
15310
+ )
15311
+ 1 === selection.nodeType &&
15312
+ doc.push({
15313
+ element: selection,
15314
+ left: selection.scrollLeft,
15315
+ top: selection.scrollTop
15316
+ });
15317
+ "function" === typeof priorFocusedElem.focus &&
15318
+ priorFocusedElem.focus();
15319
+ for (
15320
+ priorFocusedElem = 0;
15321
+ priorFocusedElem < doc.length;
15322
+ priorFocusedElem++
15323
+ ) {
15324
+ var info = doc[priorFocusedElem];
15325
+ info.element.scrollLeft = info.left;
15326
+ info.element.scrollTop = info.top;
15327
+ }
15314
15328
  }
15329
+ _enabled = !!eventsEnabled;
15330
+ selectionInformation = eventsEnabled = null;
15331
+ } finally {
15332
+ (executionContext = prevExecutionContext),
15333
+ (ReactDOMSharedInternals.p = previousPriority),
15334
+ (ReactSharedInternals.T = rootMutationHasEffect);
15315
15335
  }
15316
- _enabled = !!eventsEnabled;
15317
- selectionInformation = eventsEnabled = null;
15318
- } finally {
15319
- (executionContext = prevExecutionContext),
15320
- (ReactDOMSharedInternals.p = previousPriority),
15321
- (ReactSharedInternals.T = rootMutationHasEffect);
15322
15336
  }
15323
- }
15324
- root.current = finishedWork;
15325
- }
15326
- function flushLayoutEffects(root, finishedWork, lanes, recoverableErrors) {
15327
- var rootHasLayoutEffect = 0 !== (finishedWork.flags & 8772);
15328
- if (0 !== (finishedWork.subtreeFlags & 8772) || rootHasLayoutEffect) {
15329
- rootHasLayoutEffect = ReactSharedInternals.T;
15330
- ReactSharedInternals.T = null;
15331
- var previousPriority = ReactDOMSharedInternals.p;
15332
- ReactDOMSharedInternals.p = DiscreteEventPriority;
15333
- var prevExecutionContext = executionContext;
15334
- executionContext |= CommitContext;
15335
- try {
15336
- null !== injectedProfilingHooks &&
15337
- "function" ===
15338
- typeof injectedProfilingHooks.markLayoutEffectsStarted &&
15339
- injectedProfilingHooks.markLayoutEffectsStarted(lanes),
15340
- (inProgressLanes = lanes),
15341
- (inProgressRoot = root),
15342
- commitLayoutEffectOnFiber(
15343
- root,
15344
- finishedWork.alternate,
15345
- finishedWork
15346
- ),
15347
- (inProgressRoot = inProgressLanes = null),
15337
+ root.current = finishedWork;
15338
+ pendingEffectsStatus = PENDING_LAYOUT_PHASE;
15339
+ }
15340
+ }
15341
+ function flushLayoutEffects() {
15342
+ if (pendingEffectsStatus === PENDING_LAYOUT_PHASE) {
15343
+ pendingEffectsStatus = NO_PENDING_EFFECTS;
15344
+ var root = pendingEffectsRoot,
15345
+ finishedWork = pendingFinishedWork,
15346
+ lanes = pendingEffectsLanes,
15347
+ recoverableErrors = pendingRecoverableErrors,
15348
+ rootHasLayoutEffect = 0 !== (finishedWork.flags & 8772);
15349
+ if (0 !== (finishedWork.subtreeFlags & 8772) || rootHasLayoutEffect) {
15350
+ rootHasLayoutEffect = ReactSharedInternals.T;
15351
+ ReactSharedInternals.T = null;
15352
+ var previousPriority = ReactDOMSharedInternals.p;
15353
+ ReactDOMSharedInternals.p = DiscreteEventPriority;
15354
+ var prevExecutionContext = executionContext;
15355
+ executionContext |= CommitContext;
15356
+ try {
15348
15357
  null !== injectedProfilingHooks &&
15349
15358
  "function" ===
15350
- typeof injectedProfilingHooks.markLayoutEffectsStopped &&
15351
- injectedProfilingHooks.markLayoutEffectsStopped();
15352
- } finally {
15353
- (executionContext = prevExecutionContext),
15354
- (ReactDOMSharedInternals.p = previousPriority),
15355
- (ReactSharedInternals.T = rootHasLayoutEffect);
15356
- }
15357
- }
15358
- requestPaint();
15359
- (rootHasLayoutEffect =
15360
- 0 !== (finishedWork.subtreeFlags & 10256) ||
15361
- 0 !== (finishedWork.flags & 10256))
15362
- ? ((rootWithPendingPassiveEffects = root),
15363
- (pendingPassiveEffectsLanes = lanes))
15364
- : (releaseRootPooledCache(root, root.pendingLanes),
15365
- (nestedPassiveUpdateCount = 0),
15366
- (rootWithPassiveNestedUpdates = null));
15367
- previousPriority = root.pendingLanes;
15368
- 0 === previousPriority && (legacyErrorBoundariesThatAlreadyFailed = null);
15369
- rootHasLayoutEffect || commitDoubleInvokeEffectsInDEV(root);
15370
- rootHasLayoutEffect = lanesToEventPriority(lanes);
15371
- finishedWork = finishedWork.stateNode;
15372
- if (injectedHook && "function" === typeof injectedHook.onCommitFiberRoot)
15373
- try {
15374
- var didError = 128 === (finishedWork.current.flags & 128);
15375
- switch (rootHasLayoutEffect) {
15376
- case DiscreteEventPriority:
15377
- var schedulerPriority = ImmediatePriority;
15378
- break;
15379
- case ContinuousEventPriority:
15380
- schedulerPriority = UserBlockingPriority;
15381
- break;
15382
- case DefaultEventPriority:
15383
- schedulerPriority = NormalPriority$1;
15384
- break;
15385
- case IdleEventPriority:
15386
- schedulerPriority = IdlePriority;
15387
- break;
15388
- default:
15389
- schedulerPriority = NormalPriority$1;
15359
+ typeof injectedProfilingHooks.markLayoutEffectsStarted &&
15360
+ injectedProfilingHooks.markLayoutEffectsStarted(lanes),
15361
+ (inProgressLanes = lanes),
15362
+ (inProgressRoot = root),
15363
+ commitLayoutEffectOnFiber(
15364
+ root,
15365
+ finishedWork.alternate,
15366
+ finishedWork
15367
+ ),
15368
+ (inProgressRoot = inProgressLanes = null),
15369
+ null !== injectedProfilingHooks &&
15370
+ "function" ===
15371
+ typeof injectedProfilingHooks.markLayoutEffectsStopped &&
15372
+ injectedProfilingHooks.markLayoutEffectsStopped();
15373
+ } finally {
15374
+ (executionContext = prevExecutionContext),
15375
+ (ReactDOMSharedInternals.p = previousPriority),
15376
+ (ReactSharedInternals.T = rootHasLayoutEffect);
15390
15377
  }
15391
- injectedHook.onCommitFiberRoot(
15392
- rendererID,
15393
- finishedWork,
15394
- schedulerPriority,
15395
- didError
15396
- );
15397
- } catch (err) {
15398
- hasLoggedError ||
15399
- ((hasLoggedError = !0),
15400
- console.error(
15401
- "React instrumentation encountered an error: %s",
15402
- err
15403
- ));
15404
15378
  }
15405
- isDevToolsPresent && root.memoizedUpdaters.clear();
15406
- onCommitRoot();
15407
- if (null !== recoverableErrors) {
15408
- didError = ReactSharedInternals.T;
15409
- schedulerPriority = ReactDOMSharedInternals.p;
15410
- ReactDOMSharedInternals.p = DiscreteEventPriority;
15411
- ReactSharedInternals.T = null;
15412
- try {
15413
- var onRecoverableError = root.onRecoverableError;
15414
- for (
15415
- finishedWork = 0;
15416
- finishedWork < recoverableErrors.length;
15417
- finishedWork++
15418
- ) {
15419
- var recoverableError = recoverableErrors[finishedWork],
15420
- errorInfo = makeErrorInfo(recoverableError.stack);
15421
- runWithFiberInDEV(
15422
- recoverableError.source,
15423
- onRecoverableError,
15424
- recoverableError.value,
15425
- errorInfo
15379
+ requestPaint();
15380
+ (rootHasLayoutEffect =
15381
+ 0 !== (finishedWork.subtreeFlags & 10256) ||
15382
+ 0 !== (finishedWork.flags & 10256))
15383
+ ? (pendingEffectsStatus = PENDING_PASSIVE_PHASE)
15384
+ : ((pendingEffectsStatus = NO_PENDING_EFFECTS),
15385
+ (pendingEffectsRoot = null),
15386
+ releaseRootPooledCache(root, root.pendingLanes),
15387
+ (nestedPassiveUpdateCount = 0),
15388
+ (rootWithPassiveNestedUpdates = null));
15389
+ previousPriority = root.pendingLanes;
15390
+ 0 === previousPriority &&
15391
+ (legacyErrorBoundariesThatAlreadyFailed = null);
15392
+ rootHasLayoutEffect || commitDoubleInvokeEffectsInDEV(root);
15393
+ rootHasLayoutEffect = lanesToEventPriority(lanes);
15394
+ finishedWork = finishedWork.stateNode;
15395
+ if (
15396
+ injectedHook &&
15397
+ "function" === typeof injectedHook.onCommitFiberRoot
15398
+ )
15399
+ try {
15400
+ var didError = 128 === (finishedWork.current.flags & 128);
15401
+ switch (rootHasLayoutEffect) {
15402
+ case DiscreteEventPriority:
15403
+ var schedulerPriority = ImmediatePriority;
15404
+ break;
15405
+ case ContinuousEventPriority:
15406
+ schedulerPriority = UserBlockingPriority;
15407
+ break;
15408
+ case DefaultEventPriority:
15409
+ schedulerPriority = NormalPriority$1;
15410
+ break;
15411
+ case IdleEventPriority:
15412
+ schedulerPriority = IdlePriority;
15413
+ break;
15414
+ default:
15415
+ schedulerPriority = NormalPriority$1;
15416
+ }
15417
+ injectedHook.onCommitFiberRoot(
15418
+ rendererID,
15419
+ finishedWork,
15420
+ schedulerPriority,
15421
+ didError
15426
15422
  );
15423
+ } catch (err) {
15424
+ hasLoggedError ||
15425
+ ((hasLoggedError = !0),
15426
+ console.error(
15427
+ "React instrumentation encountered an error: %s",
15428
+ err
15429
+ ));
15430
+ }
15431
+ isDevToolsPresent && root.memoizedUpdaters.clear();
15432
+ onCommitRoot();
15433
+ if (null !== recoverableErrors) {
15434
+ didError = ReactSharedInternals.T;
15435
+ schedulerPriority = ReactDOMSharedInternals.p;
15436
+ ReactDOMSharedInternals.p = DiscreteEventPriority;
15437
+ ReactSharedInternals.T = null;
15438
+ try {
15439
+ var onRecoverableError = root.onRecoverableError;
15440
+ for (
15441
+ finishedWork = 0;
15442
+ finishedWork < recoverableErrors.length;
15443
+ finishedWork++
15444
+ ) {
15445
+ var recoverableError = recoverableErrors[finishedWork],
15446
+ errorInfo = makeErrorInfo(recoverableError.stack);
15447
+ runWithFiberInDEV(
15448
+ recoverableError.source,
15449
+ onRecoverableError,
15450
+ recoverableError.value,
15451
+ errorInfo
15452
+ );
15453
+ }
15454
+ } finally {
15455
+ (ReactSharedInternals.T = didError),
15456
+ (ReactDOMSharedInternals.p = schedulerPriority);
15427
15457
  }
15428
- } finally {
15429
- (ReactSharedInternals.T = didError),
15430
- (ReactDOMSharedInternals.p = schedulerPriority);
15431
15458
  }
15459
+ 0 !== (pendingEffectsLanes & 3) && flushPendingEffects();
15460
+ ensureRootIsScheduled(root);
15461
+ previousPriority = root.pendingLanes;
15462
+ 0 !== (lanes & 4194218) && 0 !== (previousPriority & 42)
15463
+ ? ((nestedUpdateScheduled = !0),
15464
+ root === rootWithNestedUpdates
15465
+ ? nestedUpdateCount++
15466
+ : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root)))
15467
+ : (nestedUpdateCount = 0);
15468
+ flushSyncWorkAcrossRoots_impl(0, !1);
15469
+ markCommitStopped();
15432
15470
  }
15433
- 0 !== (pendingPassiveEffectsLanes & 3) && flushPassiveEffects();
15434
- ensureRootIsScheduled(root);
15435
- previousPriority = root.pendingLanes;
15436
- 0 !== (lanes & 4194218) && 0 !== (previousPriority & 42)
15437
- ? ((nestedUpdateScheduled = !0),
15438
- root === rootWithNestedUpdates
15439
- ? nestedUpdateCount++
15440
- : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root)))
15441
- : (nestedUpdateCount = 0);
15442
- flushSyncWorkAcrossRoots_impl(0, !1);
15443
- markCommitStopped();
15444
15471
  }
15445
15472
  function makeErrorInfo(componentStack) {
15446
15473
  componentStack = { componentStack: componentStack };
@@ -15459,94 +15486,87 @@
15459
15486
  null != remainingLanes &&
15460
15487
  ((root.pooledCache = null), releaseCache(remainingLanes)));
15461
15488
  }
15489
+ function flushPendingEffects(wasDelayedCommit) {
15490
+ flushMutationEffects();
15491
+ flushLayoutEffects();
15492
+ return flushPassiveEffects(wasDelayedCommit);
15493
+ }
15462
15494
  function flushPassiveEffects() {
15463
- if (null !== rootWithPendingPassiveEffects) {
15464
- var root = rootWithPendingPassiveEffects,
15465
- remainingLanes = pendingPassiveEffectsRemainingLanes;
15466
- pendingPassiveEffectsRemainingLanes = 0;
15467
- var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes),
15468
- priority =
15469
- 0 === DefaultEventPriority || DefaultEventPriority > renderPriority
15470
- ? DefaultEventPriority
15471
- : renderPriority;
15472
- renderPriority = ReactSharedInternals.T;
15473
- var previousPriority = ReactDOMSharedInternals.p;
15474
- try {
15475
- ReactDOMSharedInternals.p = priority;
15476
- ReactSharedInternals.T = null;
15477
- if (null === rootWithPendingPassiveEffects)
15478
- var JSCompiler_inline_result = !1;
15479
- else {
15480
- priority = pendingPassiveTransitions;
15481
- pendingPassiveTransitions = null;
15482
- var root$jscomp$0 = rootWithPendingPassiveEffects,
15483
- lanes = pendingPassiveEffectsLanes;
15484
- rootWithPendingPassiveEffects = null;
15485
- pendingPassiveEffectsLanes = 0;
15486
- if (
15487
- (executionContext & (RenderContext | CommitContext)) !==
15488
- NoContext
15489
- )
15490
- throw Error(
15491
- "Cannot flush passive effects while already rendering."
15492
- );
15493
- isFlushingPassiveEffects = !0;
15494
- didScheduleUpdateDuringPassiveEffects = !1;
15495
- null !== injectedProfilingHooks &&
15496
- "function" ===
15497
- typeof injectedProfilingHooks.markPassiveEffectsStarted &&
15498
- injectedProfilingHooks.markPassiveEffectsStarted(lanes);
15499
- var prevExecutionContext = executionContext;
15500
- executionContext |= CommitContext;
15501
- commitPassiveUnmountOnFiber(root$jscomp$0.current);
15502
- commitPassiveMountOnFiber(
15503
- root$jscomp$0,
15504
- root$jscomp$0.current,
15505
- lanes,
15506
- priority
15507
- );
15508
- null !== injectedProfilingHooks &&
15509
- "function" ===
15510
- typeof injectedProfilingHooks.markPassiveEffectsStopped &&
15511
- injectedProfilingHooks.markPassiveEffectsStopped();
15512
- commitDoubleInvokeEffectsInDEV(root$jscomp$0);
15513
- executionContext = prevExecutionContext;
15514
- flushSyncWorkAcrossRoots_impl(0, !1);
15515
- didScheduleUpdateDuringPassiveEffects
15516
- ? root$jscomp$0 === rootWithPassiveNestedUpdates
15517
- ? nestedPassiveUpdateCount++
15518
- : ((nestedPassiveUpdateCount = 0),
15519
- (rootWithPassiveNestedUpdates = root$jscomp$0))
15520
- : (nestedPassiveUpdateCount = 0);
15521
- didScheduleUpdateDuringPassiveEffects = isFlushingPassiveEffects =
15522
- !1;
15523
- if (
15524
- injectedHook &&
15525
- "function" === typeof injectedHook.onPostCommitFiberRoot
15526
- )
15527
- try {
15528
- injectedHook.onPostCommitFiberRoot(rendererID, root$jscomp$0);
15529
- } catch (err) {
15530
- hasLoggedError ||
15531
- ((hasLoggedError = !0),
15532
- console.error(
15533
- "React instrumentation encountered an error: %s",
15534
- err
15535
- ));
15536
- }
15537
- var stateNode = root$jscomp$0.current.stateNode;
15538
- stateNode.effectDuration = 0;
15539
- stateNode.passiveEffectDuration = 0;
15540
- JSCompiler_inline_result = !0;
15495
+ if (pendingEffectsStatus !== PENDING_PASSIVE_PHASE) return !1;
15496
+ var root = pendingEffectsRoot,
15497
+ remainingLanes = pendingEffectsRemainingLanes;
15498
+ pendingEffectsRemainingLanes = 0;
15499
+ var renderPriority = lanesToEventPriority(pendingEffectsLanes),
15500
+ priority =
15501
+ 0 === DefaultEventPriority || DefaultEventPriority > renderPriority
15502
+ ? DefaultEventPriority
15503
+ : renderPriority;
15504
+ renderPriority = ReactSharedInternals.T;
15505
+ var previousPriority = ReactDOMSharedInternals.p;
15506
+ try {
15507
+ ReactDOMSharedInternals.p = priority;
15508
+ ReactSharedInternals.T = null;
15509
+ priority = pendingPassiveTransitions;
15510
+ pendingPassiveTransitions = null;
15511
+ var root$jscomp$0 = pendingEffectsRoot,
15512
+ lanes = pendingEffectsLanes;
15513
+ pendingEffectsStatus = NO_PENDING_EFFECTS;
15514
+ pendingEffectsRoot = null;
15515
+ pendingEffectsLanes = 0;
15516
+ if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
15517
+ throw Error("Cannot flush passive effects while already rendering.");
15518
+ isFlushingPassiveEffects = !0;
15519
+ didScheduleUpdateDuringPassiveEffects = !1;
15520
+ null !== injectedProfilingHooks &&
15521
+ "function" ===
15522
+ typeof injectedProfilingHooks.markPassiveEffectsStarted &&
15523
+ injectedProfilingHooks.markPassiveEffectsStarted(lanes);
15524
+ var prevExecutionContext = executionContext;
15525
+ executionContext |= CommitContext;
15526
+ commitPassiveUnmountOnFiber(root$jscomp$0.current);
15527
+ commitPassiveMountOnFiber(
15528
+ root$jscomp$0,
15529
+ root$jscomp$0.current,
15530
+ lanes,
15531
+ priority
15532
+ );
15533
+ null !== injectedProfilingHooks &&
15534
+ "function" ===
15535
+ typeof injectedProfilingHooks.markPassiveEffectsStopped &&
15536
+ injectedProfilingHooks.markPassiveEffectsStopped();
15537
+ commitDoubleInvokeEffectsInDEV(root$jscomp$0);
15538
+ executionContext = prevExecutionContext;
15539
+ flushSyncWorkAcrossRoots_impl(0, !1);
15540
+ didScheduleUpdateDuringPassiveEffects
15541
+ ? root$jscomp$0 === rootWithPassiveNestedUpdates
15542
+ ? nestedPassiveUpdateCount++
15543
+ : ((nestedPassiveUpdateCount = 0),
15544
+ (rootWithPassiveNestedUpdates = root$jscomp$0))
15545
+ : (nestedPassiveUpdateCount = 0);
15546
+ didScheduleUpdateDuringPassiveEffects = isFlushingPassiveEffects = !1;
15547
+ if (
15548
+ injectedHook &&
15549
+ "function" === typeof injectedHook.onPostCommitFiberRoot
15550
+ )
15551
+ try {
15552
+ injectedHook.onPostCommitFiberRoot(rendererID, root$jscomp$0);
15553
+ } catch (err) {
15554
+ hasLoggedError ||
15555
+ ((hasLoggedError = !0),
15556
+ console.error(
15557
+ "React instrumentation encountered an error: %s",
15558
+ err
15559
+ ));
15541
15560
  }
15542
- return JSCompiler_inline_result;
15543
- } finally {
15544
- (ReactDOMSharedInternals.p = previousPriority),
15545
- (ReactSharedInternals.T = renderPriority),
15546
- releaseRootPooledCache(root, remainingLanes);
15547
- }
15561
+ var stateNode = root$jscomp$0.current.stateNode;
15562
+ stateNode.effectDuration = 0;
15563
+ stateNode.passiveEffectDuration = 0;
15564
+ return !0;
15565
+ } finally {
15566
+ (ReactDOMSharedInternals.p = previousPriority),
15567
+ (ReactSharedInternals.T = renderPriority),
15568
+ releaseRootPooledCache(root, remainingLanes);
15548
15569
  }
15549
- return !1;
15550
15570
  }
15551
15571
  function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
15552
15572
  sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
@@ -15965,8 +15985,13 @@
15965
15985
  }
15966
15986
  function performWorkOnRootViaSchedulerTask(root, didTimeout) {
15967
15987
  nestedUpdateScheduled = currentUpdateIsNested = !1;
15988
+ if (
15989
+ pendingEffectsStatus !== NO_PENDING_EFFECTS &&
15990
+ pendingEffectsStatus !== PENDING_PASSIVE_PHASE
15991
+ )
15992
+ return (root.callbackNode = null), (root.callbackPriority = 0), null;
15968
15993
  var originalCallbackNode = root.callbackNode;
15969
- if (flushPassiveEffects() && root.callbackNode !== originalCallbackNode)
15994
+ if (flushPendingEffects(!0) && root.callbackNode !== originalCallbackNode)
15970
15995
  return null;
15971
15996
  var workInProgressRootRenderLanes$jscomp$0 =
15972
15997
  workInProgressRootRenderLanes;
@@ -15990,7 +16015,7 @@
15990
16015
  : null;
15991
16016
  }
15992
16017
  function performSyncWorkOnRoot(root, lanes) {
15993
- if (flushPassiveEffects()) return null;
16018
+ if (flushPendingEffects()) return null;
15994
16019
  currentUpdateIsNested = nestedUpdateScheduled;
15995
16020
  nestedUpdateScheduled = !1;
15996
16021
  performWorkOnRoot(root, lanes, !0);
@@ -20291,23 +20316,6 @@
20291
20316
  parentComponent = emptyContextObject;
20292
20317
  return parentComponent;
20293
20318
  }
20294
- function updateContainerSync(
20295
- element,
20296
- container,
20297
- parentComponent,
20298
- callback
20299
- ) {
20300
- 0 === container.tag && flushPassiveEffects();
20301
- updateContainerImpl(
20302
- container.current,
20303
- 2,
20304
- element,
20305
- container,
20306
- parentComponent,
20307
- callback
20308
- );
20309
- return 2;
20310
- }
20311
20319
  function updateContainerImpl(
20312
20320
  rootFiber,
20313
20321
  lane,
@@ -24033,10 +24041,20 @@
24033
24041
  RENDER_TIMEOUT_MS = 500,
24034
24042
  workInProgressTransitions = null,
24035
24043
  legacyErrorBoundariesThatAlreadyFailed = null,
24036
- rootWithPendingPassiveEffects = null,
24037
- pendingPassiveEffectsLanes = 0,
24038
- pendingPassiveEffectsRemainingLanes = 0,
24044
+ IMMEDIATE_COMMIT = 0,
24045
+ SUSPENDED_COMMIT = 1,
24046
+ THROTTLED_COMMIT = 2,
24047
+ NO_PENDING_EFFECTS = 0,
24048
+ PENDING_MUTATION_PHASE = 1,
24049
+ PENDING_LAYOUT_PHASE = 2,
24050
+ PENDING_PASSIVE_PHASE = 3,
24051
+ pendingEffectsStatus = 0,
24052
+ pendingEffectsRoot = null,
24053
+ pendingFinishedWork = null,
24054
+ pendingEffectsLanes = 0,
24055
+ pendingEffectsRemainingLanes = 0,
24039
24056
  pendingPassiveTransitions = null,
24057
+ pendingRecoverableErrors = null,
24040
24058
  NESTED_UPDATE_LIMIT = 50,
24041
24059
  nestedUpdateCount = 0,
24042
24060
  rootWithNestedUpdates = null,
@@ -24046,9 +24064,6 @@
24046
24064
  nestedPassiveUpdateCount = 0,
24047
24065
  rootWithPassiveNestedUpdates = null,
24048
24066
  isRunningInsertionEffect = !1,
24049
- IMMEDIATE_COMMIT = 0,
24050
- SUSPENDED_COMMIT = 1,
24051
- THROTTLED_COMMIT = 2,
24052
24067
  didWarnStateUpdateForNotYetMountedComponent = null,
24053
24068
  didWarnAboutUpdateInRender = !1;
24054
24069
  var didWarnAboutUpdateInRenderForAnotherComponent = new Set();
@@ -24560,7 +24575,7 @@
24560
24575
  console.error(
24561
24576
  "Attempted to synchronously unmount a root while React was already rendering. React cannot finish unmounting the root until the current render has completed, which may lead to a race condition."
24562
24577
  );
24563
- updateContainerSync(null, args, null, null);
24578
+ updateContainerImpl(args.current, 2, null, args, null, null);
24564
24579
  flushSyncWork$1();
24565
24580
  container[internalContainerInstanceKey] = null;
24566
24581
  }
@@ -24584,11 +24599,11 @@
24584
24599
  };
24585
24600
  (function () {
24586
24601
  var isomorphicReactPackageVersion = React.version;
24587
- if ("19.1.0-canary-3ce77d55-20250106" !== isomorphicReactPackageVersion)
24602
+ if ("19.1.0-canary-42687267-20250108" !== isomorphicReactPackageVersion)
24588
24603
  throw Error(
24589
24604
  'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
24590
24605
  (isomorphicReactPackageVersion +
24591
- "\n - react-dom: 19.1.0-canary-3ce77d55-20250106\nLearn more: https://react.dev/warnings/version-mismatch")
24606
+ "\n - react-dom: 19.1.0-canary-42687267-20250108\nLearn more: https://react.dev/warnings/version-mismatch")
24592
24607
  );
24593
24608
  })();
24594
24609
  ("function" === typeof Map &&
@@ -24625,10 +24640,10 @@
24625
24640
  !(function () {
24626
24641
  var internals = {
24627
24642
  bundleType: 1,
24628
- version: "19.1.0-canary-3ce77d55-20250106",
24643
+ version: "19.1.0-canary-42687267-20250108",
24629
24644
  rendererPackageName: "react-dom",
24630
24645
  currentDispatcherRef: ReactSharedInternals,
24631
- reconcilerVersion: "19.1.0-canary-3ce77d55-20250106"
24646
+ reconcilerVersion: "19.1.0-canary-42687267-20250108"
24632
24647
  };
24633
24648
  internals.overrideHookState = overrideHookState;
24634
24649
  internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -25104,7 +25119,7 @@
25104
25119
  exports.useFormStatus = function () {
25105
25120
  return resolveDispatcher().useHostTransitionStatus();
25106
25121
  };
25107
- exports.version = "19.1.0-canary-3ce77d55-20250106";
25122
+ exports.version = "19.1.0-canary-42687267-20250108";
25108
25123
  "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
25109
25124
  "function" ===
25110
25125
  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&