react-dom 19.1.0-canary-7130d0c6-20241212 → 19.1.0-canary-e06c72fc-20241215

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

@@ -489,13 +489,11 @@
           return describeBuiltInComponentFrame("SuspenseList");
         case 0:
         case 15:
-          return (fiber = describeNativeComponentFrame(fiber.type, !1)), fiber;
+          return describeNativeComponentFrame(fiber.type, !1);
         case 11:
-          return (
-            (fiber = describeNativeComponentFrame(fiber.type.render, !1)), fiber
-          );
+          return describeNativeComponentFrame(fiber.type.render, !1);
         case 1:
-          return (fiber = describeNativeComponentFrame(fiber.type, !0)), fiber;
+          return describeNativeComponentFrame(fiber.type, !0);
         default:
           return "";
       }
@@ -1184,6 +1182,46 @@
         rootEntangledLanes &= ~lane;
       }
     }
+    function getBumpedLaneForHydrationByLane(lane) {
+      switch (lane) {
+        case 2:
+          lane = 1;
+          break;
+        case 8:
+          lane = 4;
+          break;
+        case 32:
+          lane = 16;
+          break;
+        case 128:
+        case 256:
+        case 512:
+        case 1024:
+        case 2048:
+        case 4096:
+        case 8192:
+        case 16384:
+        case 32768:
+        case 65536:
+        case 131072:
+        case 262144:
+        case 524288:
+        case 1048576:
+        case 2097152:
+        case 4194304:
+        case 8388608:
+        case 16777216:
+        case 33554432:
+          lane = 64;
+          break;
+        case 268435456:
+          lane = 134217728;
+          break;
+        default:
+          lane = 0;
+      }
+      return lane;
+    }
     function addFiberToLanesMap(root, fiber, lanes) {
       if (isDevToolsPresent)
         for (root = root.pendingUpdatersLaneMap; 0 < lanes; ) {
@@ -4845,6 +4883,9 @@
       }
       return workInProgressHook;
     }
+    function createFunctionComponentUpdateQueue() {
+      return { lastEffect: null, events: null, stores: null, memoCache: null };
+    }
     function useThenable(thenable) {
       var index = thenableIndexCounter$1;
       thenableIndexCounter$1 += 1;
@@ -8688,32 +8729,32 @@
       return current;
     }
     function updateSuspenseComponent(current, workInProgress, renderLanes) {
-      var JSCompiler_object_inline_digest_2316;
-      var JSCompiler_object_inline_stack_2317 = workInProgress.pendingProps;
+      var JSCompiler_object_inline_digest_2307;
+      var JSCompiler_object_inline_stack_2308 = workInProgress.pendingProps;
       shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128);
-      var JSCompiler_object_inline_componentStack_2318 = !1;
+      var JSCompiler_object_inline_componentStack_2309 = !1;
       var didSuspend = 0 !== (workInProgress.flags & 128);
-      (JSCompiler_object_inline_digest_2316 = didSuspend) ||
-        (JSCompiler_object_inline_digest_2316 =
+      (JSCompiler_object_inline_digest_2307 = didSuspend) ||
+        (JSCompiler_object_inline_digest_2307 =
           null !== current && null === current.memoizedState
             ? !1
             : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback));
-      JSCompiler_object_inline_digest_2316 &&
-        ((JSCompiler_object_inline_componentStack_2318 = !0),
+      JSCompiler_object_inline_digest_2307 &&
+        ((JSCompiler_object_inline_componentStack_2309 = !0),
         (workInProgress.flags &= -129));
-      JSCompiler_object_inline_digest_2316 = 0 !== (workInProgress.flags & 32);
+      JSCompiler_object_inline_digest_2307 = 0 !== (workInProgress.flags & 32);
       workInProgress.flags &= -33;
       if (null === current) {
         if (isHydrating) {
-          JSCompiler_object_inline_componentStack_2318
+          JSCompiler_object_inline_componentStack_2309
             ? pushPrimaryTreeSuspenseHandler(workInProgress)
             : reuseSuspenseHandlerOnStack(workInProgress);
           if (isHydrating) {
-            var JSCompiler_object_inline_message_2315 = nextHydratableInstance;
+            var JSCompiler_object_inline_message_2306 = nextHydratableInstance;
             var JSCompiler_temp;
-            if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2315)) {
+            if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2306)) {
               c: {
-                var instance = JSCompiler_object_inline_message_2315;
+                var instance = JSCompiler_object_inline_message_2306;
                 for (
                   JSCompiler_temp = rootOrSingletonContext;
                   8 !== instance.nodeType;
@@ -8754,77 +8795,77 @@
             JSCompiler_temp &&
               (warnNonHydratedInstance(
                 workInProgress,
-                JSCompiler_object_inline_message_2315
+                JSCompiler_object_inline_message_2306
               ),
               throwOnHydrationMismatch(workInProgress));
           }
-          JSCompiler_object_inline_message_2315 = workInProgress.memoizedState;
+          JSCompiler_object_inline_message_2306 = workInProgress.memoizedState;
           if (
-            null !== JSCompiler_object_inline_message_2315 &&
-            ((JSCompiler_object_inline_message_2315 =
-              JSCompiler_object_inline_message_2315.dehydrated),
-            null !== JSCompiler_object_inline_message_2315)
+            null !== JSCompiler_object_inline_message_2306 &&
+            ((JSCompiler_object_inline_message_2306 =
+              JSCompiler_object_inline_message_2306.dehydrated),
+            null !== JSCompiler_object_inline_message_2306)
           )
             return (
-              isSuspenseInstanceFallback(JSCompiler_object_inline_message_2315)
-                ? (workInProgress.lanes = 16)
+              isSuspenseInstanceFallback(JSCompiler_object_inline_message_2306)
+                ? (workInProgress.lanes = 32)
                 : (workInProgress.lanes = 536870912),
               null
             );
           popSuspenseHandler(workInProgress);
         }
-        JSCompiler_object_inline_message_2315 =
-          JSCompiler_object_inline_stack_2317.children;
-        JSCompiler_object_inline_stack_2317 =
-          JSCompiler_object_inline_stack_2317.fallback;
-        if (JSCompiler_object_inline_componentStack_2318)
+        JSCompiler_object_inline_message_2306 =
+          JSCompiler_object_inline_stack_2308.children;
+        JSCompiler_object_inline_stack_2308 =
+          JSCompiler_object_inline_stack_2308.fallback;
+        if (JSCompiler_object_inline_componentStack_2309)
           return (
             reuseSuspenseHandlerOnStack(workInProgress),
-            (JSCompiler_object_inline_componentStack_2318 =
+            (JSCompiler_object_inline_componentStack_2309 =
               workInProgress.mode),
-            (JSCompiler_object_inline_message_2315 =
+            (JSCompiler_object_inline_message_2306 =
               mountWorkInProgressOffscreenFiber(
                 {
                   mode: "hidden",
-                  children: JSCompiler_object_inline_message_2315
+                  children: JSCompiler_object_inline_message_2306
                 },
-                JSCompiler_object_inline_componentStack_2318
+                JSCompiler_object_inline_componentStack_2309
               )),
-            (JSCompiler_object_inline_stack_2317 = createFiberFromFragment(
-              JSCompiler_object_inline_stack_2317,
-              JSCompiler_object_inline_componentStack_2318,
+            (JSCompiler_object_inline_stack_2308 = createFiberFromFragment(
+              JSCompiler_object_inline_stack_2308,
+              JSCompiler_object_inline_componentStack_2309,
               renderLanes,
               null
             )),
-            (JSCompiler_object_inline_message_2315.return = workInProgress),
-            (JSCompiler_object_inline_stack_2317.return = workInProgress),
-            (JSCompiler_object_inline_message_2315.sibling =
-              JSCompiler_object_inline_stack_2317),
-            (workInProgress.child = JSCompiler_object_inline_message_2315),
-            (JSCompiler_object_inline_componentStack_2318 =
+            (JSCompiler_object_inline_message_2306.return = workInProgress),
+            (JSCompiler_object_inline_stack_2308.return = workInProgress),
+            (JSCompiler_object_inline_message_2306.sibling =
+              JSCompiler_object_inline_stack_2308),
+            (workInProgress.child = JSCompiler_object_inline_message_2306),
+            (JSCompiler_object_inline_componentStack_2309 =
               workInProgress.child),
-            (JSCompiler_object_inline_componentStack_2318.memoizedState =
+            (JSCompiler_object_inline_componentStack_2309.memoizedState =
               mountSuspenseOffscreenState(renderLanes)),
-            (JSCompiler_object_inline_componentStack_2318.childLanes =
+            (JSCompiler_object_inline_componentStack_2309.childLanes =
               getRemainingWorkInPrimaryTree(
                 current,
-                JSCompiler_object_inline_digest_2316,
+                JSCompiler_object_inline_digest_2307,
                 renderLanes
               )),
             (workInProgress.memoizedState = SUSPENDED_MARKER),
-            JSCompiler_object_inline_stack_2317
+            JSCompiler_object_inline_stack_2308
           );
         pushPrimaryTreeSuspenseHandler(workInProgress);
         return mountSuspensePrimaryChildren(
           workInProgress,
-          JSCompiler_object_inline_message_2315
+          JSCompiler_object_inline_message_2306
         );
       }
       var prevState = current.memoizedState;
       if (
         null !== prevState &&
-        ((JSCompiler_object_inline_message_2315 = prevState.dehydrated),
-        null !== JSCompiler_object_inline_message_2315)
+        ((JSCompiler_object_inline_message_2306 = prevState.dehydrated),
+        null !== JSCompiler_object_inline_message_2306)
       ) {
         if (didSuspend)
           workInProgress.flags & 256
@@ -8841,94 +8882,94 @@
                 (workInProgress.flags |= 128),
                 (workInProgress = null))
               : (reuseSuspenseHandlerOnStack(workInProgress),
-                (JSCompiler_object_inline_componentStack_2318 =
-                  JSCompiler_object_inline_stack_2317.fallback),
-                (JSCompiler_object_inline_message_2315 = workInProgress.mode),
-                (JSCompiler_object_inline_stack_2317 =
+                (JSCompiler_object_inline_componentStack_2309 =
+                  JSCompiler_object_inline_stack_2308.fallback),
+                (JSCompiler_object_inline_message_2306 = workInProgress.mode),
+                (JSCompiler_object_inline_stack_2308 =
                   mountWorkInProgressOffscreenFiber(
                     {
                       mode: "visible",
-                      children: JSCompiler_object_inline_stack_2317.children
+                      children: JSCompiler_object_inline_stack_2308.children
                     },
-                    JSCompiler_object_inline_message_2315
+                    JSCompiler_object_inline_message_2306
                   )),
-                (JSCompiler_object_inline_componentStack_2318 =
+                (JSCompiler_object_inline_componentStack_2309 =
                   createFiberFromFragment(
-                    JSCompiler_object_inline_componentStack_2318,
-                    JSCompiler_object_inline_message_2315,
+                    JSCompiler_object_inline_componentStack_2309,
+                    JSCompiler_object_inline_message_2306,
                     renderLanes,
                     null
                   )),
-                (JSCompiler_object_inline_componentStack_2318.flags |= 2),
-                (JSCompiler_object_inline_stack_2317.return = workInProgress),
-                (JSCompiler_object_inline_componentStack_2318.return =
+                (JSCompiler_object_inline_componentStack_2309.flags |= 2),
+                (JSCompiler_object_inline_stack_2308.return = workInProgress),
+                (JSCompiler_object_inline_componentStack_2309.return =
                   workInProgress),
-                (JSCompiler_object_inline_stack_2317.sibling =
-                  JSCompiler_object_inline_componentStack_2318),
-                (workInProgress.child = JSCompiler_object_inline_stack_2317),
+                (JSCompiler_object_inline_stack_2308.sibling =
+                  JSCompiler_object_inline_componentStack_2309),
+                (workInProgress.child = JSCompiler_object_inline_stack_2308),
                 reconcileChildFibers(
                   workInProgress,
                   current.child,
                   null,
                   renderLanes
                 ),
-                (JSCompiler_object_inline_stack_2317 = workInProgress.child),
-                (JSCompiler_object_inline_stack_2317.memoizedState =
+                (JSCompiler_object_inline_stack_2308 = workInProgress.child),
+                (JSCompiler_object_inline_stack_2308.memoizedState =
                   mountSuspenseOffscreenState(renderLanes)),
-                (JSCompiler_object_inline_stack_2317.childLanes =
+                (JSCompiler_object_inline_stack_2308.childLanes =
                   getRemainingWorkInPrimaryTree(
                     current,
-                    JSCompiler_object_inline_digest_2316,
+                    JSCompiler_object_inline_digest_2307,
                     renderLanes
                   )),
                 (workInProgress.memoizedState = SUSPENDED_MARKER),
                 (workInProgress =
-                  JSCompiler_object_inline_componentStack_2318));
+                  JSCompiler_object_inline_componentStack_2309));
         else if (
           (pushPrimaryTreeSuspenseHandler(workInProgress),
           isHydrating &&
             console.error(
               "We should not be hydrating here. This is a bug in React. Please file a bug."
             ),
-          isSuspenseInstanceFallback(JSCompiler_object_inline_message_2315))
+          isSuspenseInstanceFallback(JSCompiler_object_inline_message_2306))
         ) {
-          JSCompiler_object_inline_digest_2316 =
-            JSCompiler_object_inline_message_2315.nextSibling &&
-            JSCompiler_object_inline_message_2315.nextSibling.dataset;
-          if (JSCompiler_object_inline_digest_2316) {
-            JSCompiler_temp = JSCompiler_object_inline_digest_2316.dgst;
-            var message = JSCompiler_object_inline_digest_2316.msg;
-            instance = JSCompiler_object_inline_digest_2316.stck;
-            var componentStack = JSCompiler_object_inline_digest_2316.cstck;
+          JSCompiler_object_inline_digest_2307 =
+            JSCompiler_object_inline_message_2306.nextSibling &&
+            JSCompiler_object_inline_message_2306.nextSibling.dataset;
+          if (JSCompiler_object_inline_digest_2307) {
+            JSCompiler_temp = JSCompiler_object_inline_digest_2307.dgst;
+            var message = JSCompiler_object_inline_digest_2307.msg;
+            instance = JSCompiler_object_inline_digest_2307.stck;
+            var componentStack = JSCompiler_object_inline_digest_2307.cstck;
           }
-          JSCompiler_object_inline_message_2315 = message;
-          JSCompiler_object_inline_digest_2316 = JSCompiler_temp;
-          JSCompiler_object_inline_stack_2317 = instance;
-          JSCompiler_temp = JSCompiler_object_inline_componentStack_2318 =
+          JSCompiler_object_inline_message_2306 = message;
+          JSCompiler_object_inline_digest_2307 = JSCompiler_temp;
+          JSCompiler_object_inline_stack_2308 = instance;
+          JSCompiler_temp = JSCompiler_object_inline_componentStack_2309 =
             componentStack;
-          JSCompiler_object_inline_componentStack_2318 =
-            JSCompiler_object_inline_message_2315
-              ? Error(JSCompiler_object_inline_message_2315)
+          JSCompiler_object_inline_componentStack_2309 =
+            JSCompiler_object_inline_message_2306
+              ? Error(JSCompiler_object_inline_message_2306)
               : Error(
                   "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
                 );
-          JSCompiler_object_inline_componentStack_2318.stack =
-            JSCompiler_object_inline_stack_2317 || "";
-          JSCompiler_object_inline_componentStack_2318.digest =
-            JSCompiler_object_inline_digest_2316;
-          JSCompiler_object_inline_digest_2316 =
+          JSCompiler_object_inline_componentStack_2309.stack =
+            JSCompiler_object_inline_stack_2308 || "";
+          JSCompiler_object_inline_componentStack_2309.digest =
+            JSCompiler_object_inline_digest_2307;
+          JSCompiler_object_inline_digest_2307 =
             void 0 === JSCompiler_temp ? null : JSCompiler_temp;
-          JSCompiler_object_inline_stack_2317 = {
-            value: JSCompiler_object_inline_componentStack_2318,
+          JSCompiler_object_inline_stack_2308 = {
+            value: JSCompiler_object_inline_componentStack_2309,
             source: null,
-            stack: JSCompiler_object_inline_digest_2316
+            stack: JSCompiler_object_inline_digest_2307
           };
-          "string" === typeof JSCompiler_object_inline_digest_2316 &&
+          "string" === typeof JSCompiler_object_inline_digest_2307 &&
             CapturedStacks.set(
-              JSCompiler_object_inline_componentStack_2318,
-              JSCompiler_object_inline_stack_2317
+              JSCompiler_object_inline_componentStack_2309,
+              JSCompiler_object_inline_stack_2308
             );
-          queueHydrationError(JSCompiler_object_inline_stack_2317);
+          queueHydrationError(JSCompiler_object_inline_stack_2308);
           workInProgress = retrySuspenseComponentWithoutHydrating(
             current,
             workInProgress,
@@ -8942,79 +8983,44 @@
               renderLanes,
               !1
             ),
-          (JSCompiler_object_inline_digest_2316 =
+          (JSCompiler_object_inline_digest_2307 =
             0 !== (renderLanes & current.childLanes)),
-          didReceiveUpdate || JSCompiler_object_inline_digest_2316)
+          didReceiveUpdate || JSCompiler_object_inline_digest_2307)
         ) {
-          JSCompiler_object_inline_digest_2316 = workInProgressRoot;
-          if (null !== JSCompiler_object_inline_digest_2316) {
-            JSCompiler_object_inline_stack_2317 = renderLanes & -renderLanes;
-            if (0 !== (JSCompiler_object_inline_stack_2317 & 42))
-              JSCompiler_object_inline_stack_2317 = 1;
-            else
-              switch (JSCompiler_object_inline_stack_2317) {
-                case 2:
-                  JSCompiler_object_inline_stack_2317 = 1;
-                  break;
-                case 8:
-                  JSCompiler_object_inline_stack_2317 = 4;
-                  break;
-                case 32:
-                  JSCompiler_object_inline_stack_2317 = 16;
-                  break;
-                case 128:
-                case 256:
-                case 512:
-                case 1024:
-                case 2048:
-                case 4096:
-                case 8192:
-                case 16384:
-                case 32768:
-                case 65536:
-                case 131072:
-                case 262144:
-                case 524288:
-                case 1048576:
-                case 2097152:
-                case 4194304:
-                case 8388608:
-                case 16777216:
-                case 33554432:
-                  JSCompiler_object_inline_stack_2317 = 64;
-                  break;
-                case 268435456:
-                  JSCompiler_object_inline_stack_2317 = 134217728;
-                  break;
-                default:
-                  JSCompiler_object_inline_stack_2317 = 0;
-              }
-            JSCompiler_object_inline_stack_2317 =
+          JSCompiler_object_inline_digest_2307 = workInProgressRoot;
+          if (
+            null !== JSCompiler_object_inline_digest_2307 &&
+            ((JSCompiler_object_inline_stack_2308 = renderLanes & -renderLanes),
+            (JSCompiler_object_inline_stack_2308 =
+              0 !== (JSCompiler_object_inline_stack_2308 & 42)
+                ? 1
+                : getBumpedLaneForHydrationByLane(
+                    JSCompiler_object_inline_stack_2308
+                  )),
+            (JSCompiler_object_inline_stack_2308 =
               0 !==
-              (JSCompiler_object_inline_stack_2317 &
-                (JSCompiler_object_inline_digest_2316.suspendedLanes |
+              (JSCompiler_object_inline_stack_2308 &
+                (JSCompiler_object_inline_digest_2307.suspendedLanes |
                   renderLanes))
                 ? 0
-                : JSCompiler_object_inline_stack_2317;
-            if (
-              0 !== JSCompiler_object_inline_stack_2317 &&
-              JSCompiler_object_inline_stack_2317 !== prevState.retryLane
-            )
-              throw (
-                ((prevState.retryLane = JSCompiler_object_inline_stack_2317),
-                enqueueConcurrentRenderForLane(
-                  current,
-                  JSCompiler_object_inline_stack_2317
-                ),
-                scheduleUpdateOnFiber(
-                  JSCompiler_object_inline_digest_2316,
-                  current,
-                  JSCompiler_object_inline_stack_2317
-                ),
-                SelectiveHydrationException)
-              );
-          }
-          JSCompiler_object_inline_message_2315.data ===
+                : JSCompiler_object_inline_stack_2308),
+            0 !== JSCompiler_object_inline_stack_2308 &&
+              JSCompiler_object_inline_stack_2308 !== prevState.retryLane)
+          )
+            throw (
+              ((prevState.retryLane = JSCompiler_object_inline_stack_2308),
+              enqueueConcurrentRenderForLane(
+                current,
+                JSCompiler_object_inline_stack_2308
+              ),
+              scheduleUpdateOnFiber(
+                JSCompiler_object_inline_digest_2307,
+                current,
+                JSCompiler_object_inline_stack_2308
+              ),
+              SelectiveHydrationException)
+            );
+          JSCompiler_object_inline_message_2306.data ===
             SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible();
           workInProgress = retrySuspenseComponentWithoutHydrating(
             current,
@@ -9022,14 +9028,14 @@
             renderLanes
           );
         } else
-          JSCompiler_object_inline_message_2315.data ===
+          JSCompiler_object_inline_message_2306.data ===
           SUSPENSE_PENDING_START_DATA
             ? ((workInProgress.flags |= 192),
               (workInProgress.child = current.child),
               (workInProgress = null))
             : ((current = prevState.treeContext),
               (nextHydratableInstance = getNextHydratable(
-                JSCompiler_object_inline_message_2315.nextSibling
+                JSCompiler_object_inline_message_2306.nextSibling
               )),
               (hydrationParentFiber = workInProgress),
               (isHydrating = !0),
@@ -9047,57 +9053,57 @@
                 (treeContextProvider = workInProgress)),
               (workInProgress = mountSuspensePrimaryChildren(
                 workInProgress,
-                JSCompiler_object_inline_stack_2317.children
+                JSCompiler_object_inline_stack_2308.children
               )),
               (workInProgress.flags |= 4096));
         return workInProgress;
       }
-      if (JSCompiler_object_inline_componentStack_2318)
+      if (JSCompiler_object_inline_componentStack_2309)
         return (
           reuseSuspenseHandlerOnStack(workInProgress),
-          (JSCompiler_object_inline_componentStack_2318 =
-            JSCompiler_object_inline_stack_2317.fallback),
-          (JSCompiler_object_inline_message_2315 = workInProgress.mode),
+          (JSCompiler_object_inline_componentStack_2309 =
+            JSCompiler_object_inline_stack_2308.fallback),
+          (JSCompiler_object_inline_message_2306 = workInProgress.mode),
           (JSCompiler_temp = current.child),
           (instance = JSCompiler_temp.sibling),
-          (JSCompiler_object_inline_stack_2317 = createWorkInProgress(
+          (JSCompiler_object_inline_stack_2308 = createWorkInProgress(
             JSCompiler_temp,
             {
               mode: "hidden",
-              children: JSCompiler_object_inline_stack_2317.children
+              children: JSCompiler_object_inline_stack_2308.children
             }
           )),
-          (JSCompiler_object_inline_stack_2317.subtreeFlags =
+          (JSCompiler_object_inline_stack_2308.subtreeFlags =
             JSCompiler_temp.subtreeFlags & 31457280),
           null !== instance
-            ? (JSCompiler_object_inline_componentStack_2318 =
+            ? (JSCompiler_object_inline_componentStack_2309 =
                 createWorkInProgress(
                   instance,
-                  JSCompiler_object_inline_componentStack_2318
+                  JSCompiler_object_inline_componentStack_2309
                 ))
-            : ((JSCompiler_object_inline_componentStack_2318 =
+            : ((JSCompiler_object_inline_componentStack_2309 =
                 createFiberFromFragment(
-                  JSCompiler_object_inline_componentStack_2318,
-                  JSCompiler_object_inline_message_2315,
+                  JSCompiler_object_inline_componentStack_2309,
+                  JSCompiler_object_inline_message_2306,
                   renderLanes,
                   null
                 )),
-              (JSCompiler_object_inline_componentStack_2318.flags |= 2)),
-          (JSCompiler_object_inline_componentStack_2318.return =
+              (JSCompiler_object_inline_componentStack_2309.flags |= 2)),
+          (JSCompiler_object_inline_componentStack_2309.return =
             workInProgress),
-          (JSCompiler_object_inline_stack_2317.return = workInProgress),
-          (JSCompiler_object_inline_stack_2317.sibling =
-            JSCompiler_object_inline_componentStack_2318),
-          (workInProgress.child = JSCompiler_object_inline_stack_2317),
-          (JSCompiler_object_inline_stack_2317 =
-            JSCompiler_object_inline_componentStack_2318),
-          (JSCompiler_object_inline_componentStack_2318 = workInProgress.child),
-          (JSCompiler_object_inline_message_2315 = current.child.memoizedState),
-          null === JSCompiler_object_inline_message_2315
-            ? (JSCompiler_object_inline_message_2315 =
+          (JSCompiler_object_inline_stack_2308.return = workInProgress),
+          (JSCompiler_object_inline_stack_2308.sibling =
+            JSCompiler_object_inline_componentStack_2309),
+          (workInProgress.child = JSCompiler_object_inline_stack_2308),
+          (JSCompiler_object_inline_stack_2308 =
+            JSCompiler_object_inline_componentStack_2309),
+          (JSCompiler_object_inline_componentStack_2309 = workInProgress.child),
+          (JSCompiler_object_inline_message_2306 = current.child.memoizedState),
+          null === JSCompiler_object_inline_message_2306
+            ? (JSCompiler_object_inline_message_2306 =
                 mountSuspenseOffscreenState(renderLanes))
             : ((JSCompiler_temp =
-                JSCompiler_object_inline_message_2315.cachePool),
+                JSCompiler_object_inline_message_2306.cachePool),
               null !== JSCompiler_temp
                 ? ((instance = CacheContext._currentValue),
                   (JSCompiler_temp =
@@ -9105,37 +9111,37 @@
                       ? { parent: instance, pool: instance }
                       : JSCompiler_temp))
                 : (JSCompiler_temp = getSuspendedCache()),
-              (JSCompiler_object_inline_message_2315 = {
+              (JSCompiler_object_inline_message_2306 = {
                 baseLanes:
-                  JSCompiler_object_inline_message_2315.baseLanes | renderLanes,
+                  JSCompiler_object_inline_message_2306.baseLanes | renderLanes,
                 cachePool: JSCompiler_temp
               })),
-          (JSCompiler_object_inline_componentStack_2318.memoizedState =
-            JSCompiler_object_inline_message_2315),
-          (JSCompiler_object_inline_componentStack_2318.childLanes =
+          (JSCompiler_object_inline_componentStack_2309.memoizedState =
+            JSCompiler_object_inline_message_2306),
+          (JSCompiler_object_inline_componentStack_2309.childLanes =
             getRemainingWorkInPrimaryTree(
               current,
-              JSCompiler_object_inline_digest_2316,
+              JSCompiler_object_inline_digest_2307,
               renderLanes
             )),
           (workInProgress.memoizedState = SUSPENDED_MARKER),
-          JSCompiler_object_inline_stack_2317
+          JSCompiler_object_inline_stack_2308
         );
       pushPrimaryTreeSuspenseHandler(workInProgress);
       renderLanes = current.child;
       current = renderLanes.sibling;
       renderLanes = createWorkInProgress(renderLanes, {
         mode: "visible",
-        children: JSCompiler_object_inline_stack_2317.children
+        children: JSCompiler_object_inline_stack_2308.children
       });
       renderLanes.return = workInProgress;
       renderLanes.sibling = null;
       null !== current &&
-        ((JSCompiler_object_inline_digest_2316 = workInProgress.deletions),
-        null === JSCompiler_object_inline_digest_2316
+        ((JSCompiler_object_inline_digest_2307 = workInProgress.deletions),
+        null === JSCompiler_object_inline_digest_2307
           ? ((workInProgress.deletions = [current]),
             (workInProgress.flags |= 16))
-          : JSCompiler_object_inline_digest_2316.push(current));
+          : JSCompiler_object_inline_digest_2307.push(current));
       workInProgress.child = renderLanes;
       workInProgress.memoizedState = null;
       return renderLanes;
@@ -18133,7 +18139,7 @@
         console.error(
           "The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX."
         );
-      else if (canDiffStyleForHydrationWarning) {
+      else {
         var clientValue;
         var delimiter = (clientValue = ""),
           styleName;
@@ -18552,42 +18558,36 @@
                   }
                 case "src":
                 case "href":
-                  if (
-                    !(
-                      "" !== propKey ||
-                      ("a" === tag && "href" === value) ||
-                      ("object" === tag && "data" === value)
-                    )
-                  ) {
-                    "src" === value
-                      ? console.error(
-                          'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
-                          value,
-                          value
-                        )
-                      : console.error(
-                          'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
-                          value,
-                          value
-                        );
-                    hydrateSanitizedAttribute(
-                      domElement,
-                      value,
-                      value,
-                      null,
-                      extraAttributes,
-                      serverDifferences
-                    );
-                    continue;
-                  }
-                  hydrateSanitizedAttribute(
-                    domElement,
-                    value,
-                    value,
-                    propKey,
-                    extraAttributes,
-                    serverDifferences
-                  );
+                  "" !== propKey ||
+                  ("a" === tag && "href" === value) ||
+                  ("object" === tag && "data" === value)
+                    ? hydrateSanitizedAttribute(
+                        domElement,
+                        value,
+                        value,
+                        propKey,
+                        extraAttributes,
+                        serverDifferences
+                      )
+                    : ("src" === value
+                        ? console.error(
+                            'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
+                            value,
+                            value
+                          )
+                        : console.error(
+                            'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
+                            value,
+                            value
+                          ),
+                      hydrateSanitizedAttribute(
+                        domElement,
+                        value,
+                        value,
+                        null,
+                        extraAttributes,
+                        serverDifferences
+                      ));
                   continue;
                 case "action":
                 case "formAction":
@@ -20739,8 +20739,12 @@
               queuedTarget.blockedOn = targetInst;
               runWithPriority(queuedTarget.priority, function () {
                 if (13 === nearestMounted.tag) {
-                  var lane = requestUpdateLane(nearestMounted),
-                    root = enqueueConcurrentRenderForLane(nearestMounted, lane);
+                  var lane = requestUpdateLane(nearestMounted);
+                  lane = getBumpedLaneForHydrationByLane(lane);
+                  var root = enqueueConcurrentRenderForLane(
+                    nearestMounted,
+                    lane
+                  );
                   null !== root &&
                     scheduleUpdateOnFiber(root, nearestMounted, lane);
                   markRetryLaneIfNotHydrated(nearestMounted, lane);
@@ -20956,7 +20960,6 @@
       REACT_MEMO_TYPE = Symbol.for("react.memo"),
       REACT_LAZY_TYPE = Symbol.for("react.lazy");
     Symbol.for("react.scope");
-    Symbol.for("react.debug_trace_mode");
     var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
     Symbol.for("react.legacy_hidden");
     Symbol.for("react.tracing_marker");
@@ -21039,11 +21042,6 @@
       allNativeEvents = new Set(),
       registrationNameDependencies = {},
       possibleRegistrationNames = {},
-      canUseDOM = !(
-        "undefined" === typeof window ||
-        "undefined" === typeof window.document ||
-        "undefined" === typeof window.document.createElement
-      ),
       hasReadOnlyValue = {
         button: !0,
         checkbox: !0,
@@ -21090,8 +21088,6 @@
         containerTagInScope: null
       },
       didWarn = {},
-      MATH_NAMESPACE = "http://www.w3.org/1998/Math/MathML",
-      SVG_NAMESPACE = "http://www.w3.org/2000/svg",
       shorthandToLonghand = {
         animation:
           "animationDelay animationDirection animationDuration animationFillMode animationIterationCount animationName animationPlayState animationTimingFunction".split(
@@ -21242,6 +21238,8 @@
           " "
         )
       ),
+      MATH_NAMESPACE = "http://www.w3.org/1998/Math/MathML",
+      SVG_NAMESPACE = "http://www.w3.org/2000/svg",
       aliases = new Map([
         ["acceptCharset", "accept-charset"],
         ["htmlFor", "for"],
@@ -21890,6 +21888,11 @@
       restoreTarget = null,
       restoreQueue = null,
       isInsideEventHandler = !1,
+      canUseDOM = !(
+        "undefined" === typeof window ||
+        "undefined" === typeof window.document ||
+        "undefined" === typeof window.document.createElement
+      ),
       passiveBrowserEventsSupported = !1;
     if (canUseDOM)
       try {
@@ -22540,36 +22543,33 @@
       currentHookNameInDev = null,
       hookTypesDev = null,
       hookTypesUpdateIndexDev = -1,
-      ignorePreviousDependencies = !1;
-    var createFunctionComponentUpdateQueue = function () {
-      return { lastEffect: null, events: null, stores: null, memoCache: null };
-    };
-    var ContextOnlyDispatcher = {
-      readContext: readContext,
-      use: use,
-      useCallback: throwInvalidHookError,
-      useContext: throwInvalidHookError,
-      useEffect: throwInvalidHookError,
-      useImperativeHandle: throwInvalidHookError,
-      useLayoutEffect: throwInvalidHookError,
-      useInsertionEffect: throwInvalidHookError,
-      useMemo: throwInvalidHookError,
-      useReducer: throwInvalidHookError,
-      useRef: throwInvalidHookError,
-      useState: throwInvalidHookError,
-      useDebugValue: throwInvalidHookError,
-      useDeferredValue: throwInvalidHookError,
-      useTransition: throwInvalidHookError,
-      useSyncExternalStore: throwInvalidHookError,
-      useId: throwInvalidHookError
-    };
-    ContextOnlyDispatcher.useCacheRefresh = throwInvalidHookError;
-    ContextOnlyDispatcher.useMemoCache = throwInvalidHookError;
-    ContextOnlyDispatcher.useHostTransitionStatus = throwInvalidHookError;
-    ContextOnlyDispatcher.useFormState = throwInvalidHookError;
-    ContextOnlyDispatcher.useActionState = throwInvalidHookError;
-    ContextOnlyDispatcher.useOptimistic = throwInvalidHookError;
-    var HooksDispatcherOnMountInDEV = null,
+      ignorePreviousDependencies = !1,
+      ContextOnlyDispatcher = {
+        readContext: readContext,
+        use: use,
+        useCallback: throwInvalidHookError,
+        useContext: throwInvalidHookError,
+        useEffect: throwInvalidHookError,
+        useImperativeHandle: throwInvalidHookError,
+        useLayoutEffect: throwInvalidHookError,
+        useInsertionEffect: throwInvalidHookError,
+        useMemo: throwInvalidHookError,
+        useReducer: throwInvalidHookError,
+        useRef: throwInvalidHookError,
+        useState: throwInvalidHookError,
+        useDebugValue: throwInvalidHookError,
+        useDeferredValue: throwInvalidHookError,
+        useTransition: throwInvalidHookError,
+        useSyncExternalStore: throwInvalidHookError,
+        useId: throwInvalidHookError,
+        useHostTransitionStatus: throwInvalidHookError,
+        useFormState: throwInvalidHookError,
+        useActionState: throwInvalidHookError,
+        useOptimistic: throwInvalidHookError,
+        useMemoCache: throwInvalidHookError,
+        useCacheRefresh: throwInvalidHookError
+      },
+      HooksDispatcherOnMountInDEV = null,
       HooksDispatcherOnMountWithHookTypesInDEV = null,
       HooksDispatcherOnUpdateInDEV = null,
       HooksDispatcherOnRerenderInDEV = null,
@@ -22687,34 +22687,30 @@
         mountHookTypesDev();
         return mountId();
       },
+      useFormState: function (action, initialState) {
+        currentHookNameInDev = "useFormState";
+        mountHookTypesDev();
+        warnOnUseFormStateInDev();
+        return mountActionState(action, initialState);
+      },
+      useActionState: function (action, initialState) {
+        currentHookNameInDev = "useActionState";
+        mountHookTypesDev();
+        return mountActionState(action, initialState);
+      },
+      useOptimistic: function (passthrough) {
+        currentHookNameInDev = "useOptimistic";
+        mountHookTypesDev();
+        return mountOptimistic(passthrough);
+      },
+      useHostTransitionStatus: useHostTransitionStatus,
+      useMemoCache: useMemoCache,
       useCacheRefresh: function () {
         currentHookNameInDev = "useCacheRefresh";
         mountHookTypesDev();
         return mountRefresh();
       }
     };
-    HooksDispatcherOnMountInDEV.useMemoCache = useMemoCache;
-    HooksDispatcherOnMountInDEV.useHostTransitionStatus =
-      useHostTransitionStatus;
-    HooksDispatcherOnMountInDEV.useFormState = function (action, initialState) {
-      currentHookNameInDev = "useFormState";
-      mountHookTypesDev();
-      warnOnUseFormStateInDev();
-      return mountActionState(action, initialState);
-    };
-    HooksDispatcherOnMountInDEV.useActionState = function (
-      action,
-      initialState
-    ) {
-      currentHookNameInDev = "useActionState";
-      mountHookTypesDev();
-      return mountActionState(action, initialState);
-    };
-    HooksDispatcherOnMountInDEV.useOptimistic = function (passthrough) {
-      currentHookNameInDev = "useOptimistic";
-      mountHookTypesDev();
-      return mountOptimistic(passthrough);
-    };
     HooksDispatcherOnMountWithHookTypesInDEV = {
       readContext: function (context) {
         return readContext(context);
@@ -22820,39 +22816,30 @@
         updateHookTypesDev();
         return mountId();
       },
+      useActionState: function (action, initialState) {
+        currentHookNameInDev = "useActionState";
+        updateHookTypesDev();
+        return mountActionState(action, initialState);
+      },
+      useFormState: function (action, initialState) {
+        currentHookNameInDev = "useFormState";
+        updateHookTypesDev();
+        warnOnUseFormStateInDev();
+        return mountActionState(action, initialState);
+      },
+      useOptimistic: function (passthrough) {
+        currentHookNameInDev = "useOptimistic";
+        updateHookTypesDev();
+        return mountOptimistic(passthrough);
+      },
+      useHostTransitionStatus: useHostTransitionStatus,
+      useMemoCache: useMemoCache,
       useCacheRefresh: function () {
         currentHookNameInDev = "useCacheRefresh";
         updateHookTypesDev();
         return mountRefresh();
       }
     };
-    HooksDispatcherOnMountWithHookTypesInDEV.useMemoCache = useMemoCache;
-    HooksDispatcherOnMountWithHookTypesInDEV.useHostTransitionStatus =
-      useHostTransitionStatus;
-    HooksDispatcherOnMountWithHookTypesInDEV.useFormState = function (
-      action,
-      initialState
-    ) {
-      currentHookNameInDev = "useFormState";
-      updateHookTypesDev();
-      warnOnUseFormStateInDev();
-      return mountActionState(action, initialState);
-    };
-    HooksDispatcherOnMountWithHookTypesInDEV.useActionState = function (
-      action,
-      initialState
-    ) {
-      currentHookNameInDev = "useActionState";
-      updateHookTypesDev();
-      return mountActionState(action, initialState);
-    };
-    HooksDispatcherOnMountWithHookTypesInDEV.useOptimistic = function (
-      passthrough
-    ) {
-      currentHookNameInDev = "useOptimistic";
-      updateHookTypesDev();
-      return mountOptimistic(passthrough);
-    };
     HooksDispatcherOnUpdateInDEV = {
       readContext: function (context) {
         return readContext(context);
@@ -22958,34 +22945,30 @@
         updateHookTypesDev();
         return updateWorkInProgressHook().memoizedState;
       },
+      useFormState: function (action) {
+        currentHookNameInDev = "useFormState";
+        updateHookTypesDev();
+        warnOnUseFormStateInDev();
+        return updateActionState(action);
+      },
+      useActionState: function (action) {
+        currentHookNameInDev = "useActionState";
+        updateHookTypesDev();
+        return updateActionState(action);
+      },
+      useOptimistic: function (passthrough, reducer) {
+        currentHookNameInDev = "useOptimistic";
+        updateHookTypesDev();
+        return updateOptimistic(passthrough, reducer);
+      },
+      useHostTransitionStatus: useHostTransitionStatus,
+      useMemoCache: useMemoCache,
       useCacheRefresh: function () {
         currentHookNameInDev = "useCacheRefresh";
         updateHookTypesDev();
         return updateWorkInProgressHook().memoizedState;
       }
     };
-    HooksDispatcherOnUpdateInDEV.useMemoCache = useMemoCache;
-    HooksDispatcherOnUpdateInDEV.useHostTransitionStatus =
-      useHostTransitionStatus;
-    HooksDispatcherOnUpdateInDEV.useFormState = function (action) {
-      currentHookNameInDev = "useFormState";
-      updateHookTypesDev();
-      warnOnUseFormStateInDev();
-      return updateActionState(action);
-    };
-    HooksDispatcherOnUpdateInDEV.useActionState = function (action) {
-      currentHookNameInDev = "useActionState";
-      updateHookTypesDev();
-      return updateActionState(action);
-    };
-    HooksDispatcherOnUpdateInDEV.useOptimistic = function (
-      passthrough,
-      reducer
-    ) {
-      currentHookNameInDev = "useOptimistic";
-      updateHookTypesDev();
-      return updateOptimistic(passthrough, reducer);
-    };
     HooksDispatcherOnRerenderInDEV = {
       readContext: function (context) {
         return readContext(context);
@@ -23091,34 +23074,30 @@
         updateHookTypesDev();
         return updateWorkInProgressHook().memoizedState;
       },
+      useFormState: function (action) {
+        currentHookNameInDev = "useFormState";
+        updateHookTypesDev();
+        warnOnUseFormStateInDev();
+        return rerenderActionState(action);
+      },
+      useActionState: function (action) {
+        currentHookNameInDev = "useActionState";
+        updateHookTypesDev();
+        return rerenderActionState(action);
+      },
+      useOptimistic: function (passthrough, reducer) {
+        currentHookNameInDev = "useOptimistic";
+        updateHookTypesDev();
+        return rerenderOptimistic(passthrough, reducer);
+      },
+      useHostTransitionStatus: useHostTransitionStatus,
+      useMemoCache: useMemoCache,
       useCacheRefresh: function () {
         currentHookNameInDev = "useCacheRefresh";
         updateHookTypesDev();
         return updateWorkInProgressHook().memoizedState;
       }
     };
-    HooksDispatcherOnRerenderInDEV.useMemoCache = useMemoCache;
-    HooksDispatcherOnRerenderInDEV.useHostTransitionStatus =
-      useHostTransitionStatus;
-    HooksDispatcherOnRerenderInDEV.useFormState = function (action) {
-      currentHookNameInDev = "useFormState";
-      updateHookTypesDev();
-      warnOnUseFormStateInDev();
-      return rerenderActionState(action);
-    };
-    HooksDispatcherOnRerenderInDEV.useActionState = function (action) {
-      currentHookNameInDev = "useActionState";
-      updateHookTypesDev();
-      return rerenderActionState(action);
-    };
-    HooksDispatcherOnRerenderInDEV.useOptimistic = function (
-      passthrough,
-      reducer
-    ) {
-      currentHookNameInDev = "useOptimistic";
-      updateHookTypesDev();
-      return rerenderOptimistic(passthrough, reducer);
-    };
     InvalidNestedHooksDispatcherOnMountInDEV = {
       readContext: function (context) {
         warnInvalidContextAccess();
@@ -23243,44 +23222,35 @@
         mountHookTypesDev();
         return mountId();
       },
-      useCacheRefresh: function () {
-        currentHookNameInDev = "useCacheRefresh";
+      useFormState: function (action, initialState) {
+        currentHookNameInDev = "useFormState";
+        warnInvalidHookAccess();
         mountHookTypesDev();
-        return mountRefresh();
+        return mountActionState(action, initialState);
+      },
+      useActionState: function (action, initialState) {
+        currentHookNameInDev = "useActionState";
+        warnInvalidHookAccess();
+        mountHookTypesDev();
+        return mountActionState(action, initialState);
+      },
+      useOptimistic: function (passthrough) {
+        currentHookNameInDev = "useOptimistic";
+        warnInvalidHookAccess();
+        mountHookTypesDev();
+        return mountOptimistic(passthrough);
       },
       useMemoCache: function (size) {
         warnInvalidHookAccess();
         return useMemoCache(size);
+      },
+      useHostTransitionStatus: useHostTransitionStatus,
+      useCacheRefresh: function () {
+        currentHookNameInDev = "useCacheRefresh";
+        mountHookTypesDev();
+        return mountRefresh();
       }
     };
-    InvalidNestedHooksDispatcherOnMountInDEV.useHostTransitionStatus =
-      useHostTransitionStatus;
-    InvalidNestedHooksDispatcherOnMountInDEV.useFormState = function (
-      action,
-      initialState
-    ) {
-      currentHookNameInDev = "useFormState";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountActionState(action, initialState);
-    };
-    InvalidNestedHooksDispatcherOnMountInDEV.useActionState = function (
-      action,
-      initialState
-    ) {
-      currentHookNameInDev = "useActionState";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountActionState(action, initialState);
-    };
-    InvalidNestedHooksDispatcherOnMountInDEV.useOptimistic = function (
-      passthrough
-    ) {
-      currentHookNameInDev = "useOptimistic";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountOptimistic(passthrough);
-    };
     InvalidNestedHooksDispatcherOnUpdateInDEV = {
       readContext: function (context) {
         warnInvalidContextAccess();
@@ -23405,41 +23375,35 @@
         updateHookTypesDev();
         return updateWorkInProgressHook().memoizedState;
       },
-      useCacheRefresh: function () {
-        currentHookNameInDev = "useCacheRefresh";
+      useFormState: function (action) {
+        currentHookNameInDev = "useFormState";
+        warnInvalidHookAccess();
         updateHookTypesDev();
-        return updateWorkInProgressHook().memoizedState;
+        return updateActionState(action);
+      },
+      useActionState: function (action) {
+        currentHookNameInDev = "useActionState";
+        warnInvalidHookAccess();
+        updateHookTypesDev();
+        return updateActionState(action);
+      },
+      useOptimistic: function (passthrough, reducer) {
+        currentHookNameInDev = "useOptimistic";
+        warnInvalidHookAccess();
+        updateHookTypesDev();
+        return updateOptimistic(passthrough, reducer);
       },
       useMemoCache: function (size) {
         warnInvalidHookAccess();
         return useMemoCache(size);
+      },
+      useHostTransitionStatus: useHostTransitionStatus,
+      useCacheRefresh: function () {
+        currentHookNameInDev = "useCacheRefresh";
+        updateHookTypesDev();
+        return updateWorkInProgressHook().memoizedState;
       }
     };
-    InvalidNestedHooksDispatcherOnUpdateInDEV.useHostTransitionStatus =
-      useHostTransitionStatus;
-    InvalidNestedHooksDispatcherOnUpdateInDEV.useFormState = function (action) {
-      currentHookNameInDev = "useFormState";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateActionState(action);
-    };
-    InvalidNestedHooksDispatcherOnUpdateInDEV.useActionState = function (
-      action
-    ) {
-      currentHookNameInDev = "useActionState";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateActionState(action);
-    };
-    InvalidNestedHooksDispatcherOnUpdateInDEV.useOptimistic = function (
-      passthrough,
-      reducer
-    ) {
-      currentHookNameInDev = "useOptimistic";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateOptimistic(passthrough, reducer);
-    };
     InvalidNestedHooksDispatcherOnRerenderInDEV = {
       readContext: function (context) {
         warnInvalidContextAccess();
@@ -23564,43 +23528,35 @@
         updateHookTypesDev();
         return updateWorkInProgressHook().memoizedState;
       },
-      useCacheRefresh: function () {
-        currentHookNameInDev = "useCacheRefresh";
+      useFormState: function (action) {
+        currentHookNameInDev = "useFormState";
+        warnInvalidHookAccess();
         updateHookTypesDev();
-        return updateWorkInProgressHook().memoizedState;
+        return rerenderActionState(action);
+      },
+      useActionState: function (action) {
+        currentHookNameInDev = "useActionState";
+        warnInvalidHookAccess();
+        updateHookTypesDev();
+        return rerenderActionState(action);
+      },
+      useOptimistic: function (passthrough, reducer) {
+        currentHookNameInDev = "useOptimistic";
+        warnInvalidHookAccess();
+        updateHookTypesDev();
+        return rerenderOptimistic(passthrough, reducer);
       },
       useMemoCache: function (size) {
         warnInvalidHookAccess();
         return useMemoCache(size);
+      },
+      useHostTransitionStatus: useHostTransitionStatus,
+      useCacheRefresh: function () {
+        currentHookNameInDev = "useCacheRefresh";
+        updateHookTypesDev();
+        return updateWorkInProgressHook().memoizedState;
       }
     };
-    InvalidNestedHooksDispatcherOnRerenderInDEV.useHostTransitionStatus =
-      useHostTransitionStatus;
-    InvalidNestedHooksDispatcherOnRerenderInDEV.useFormState = function (
-      action
-    ) {
-      currentHookNameInDev = "useFormState";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return rerenderActionState(action);
-    };
-    InvalidNestedHooksDispatcherOnRerenderInDEV.useActionState = function (
-      action
-    ) {
-      currentHookNameInDev = "useActionState";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return rerenderActionState(action);
-    };
-    InvalidNestedHooksDispatcherOnRerenderInDEV.useOptimistic = function (
-      passthrough,
-      reducer
-    ) {
-      currentHookNameInDev = "useOptimistic";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return rerenderOptimistic(passthrough, reducer);
-    };
     var callComponent = {
         "react-stack-bottom-frame": function (Component, props, secondArg) {
           var wasRendering = isRendering;
@@ -24112,7 +24068,6 @@
       didWarnFormActionMethod = !1,
       didWarnPopoverTargetObject = !1;
     var didWarnForNewBooleanPropsWithEmptyValue = {};
-    var canDiffStyleForHydrationWarning = !0;
     var NORMALIZE_NEWLINES_REGEX = /\r\n?/g,
       NORMALIZE_NULL_AND_REPLACEMENT_REGEX = /\u0000|\uFFFD/g,
       xlinkNamespace = "http://www.w3.org/1999/xlink",
@@ -24575,11 +24530,11 @@
     };
     (function () {
       var isomorphicReactPackageVersion = React.version;
-      if ("19.1.0-canary-7130d0c6-20241212" !== isomorphicReactPackageVersion)
+      if ("19.1.0-canary-e06c72fc-20241215" !== isomorphicReactPackageVersion)
         throw Error(
           'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
             (isomorphicReactPackageVersion +
-              "\n  - react-dom:  19.1.0-canary-7130d0c6-20241212\nLearn more: https://react.dev/warnings/version-mismatch")
+              "\n  - react-dom:  19.1.0-canary-e06c72fc-20241215\nLearn more: https://react.dev/warnings/version-mismatch")
         );
     })();
     ("function" === typeof Map &&
@@ -24616,10 +24571,10 @@
       !(function () {
         var internals = {
           bundleType: 1,
-          version: "19.1.0-canary-7130d0c6-20241212",
+          version: "19.1.0-canary-e06c72fc-20241215",
           rendererPackageName: "react-dom",
           currentDispatcherRef: ReactSharedInternals,
-          reconcilerVersion: "19.1.0-canary-7130d0c6-20241212"
+          reconcilerVersion: "19.1.0-canary-e06c72fc-20241215"
         };
         internals.overrideHookState = overrideHookState;
         internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -24753,17 +24708,19 @@
       initialChildren.context = getContextForSubtree(null);
       options = initialChildren.current;
       isStrictMode = requestUpdateLane(options);
+      isStrictMode = getBumpedLaneForHydrationByLane(isStrictMode);
       identifierPrefix = createUpdate(isStrictMode);
       identifierPrefix.callback = null;
       enqueueUpdate(options, identifierPrefix, isStrictMode);
-      initialChildren.current.lanes = isStrictMode;
-      markRootUpdated$1(initialChildren, isStrictMode);
+      options = isStrictMode;
+      initialChildren.current.lanes = options;
+      markRootUpdated$1(initialChildren, options);
       ensureRootIsScheduled(initialChildren);
       container[internalContainerInstanceKey] = initialChildren.current;
       listenToAllSupportedEvents(container);
       return new ReactDOMHydrationRoot(initialChildren);
     };
-    exports.version = "19.1.0-canary-7130d0c6-20241212";
+    exports.version = "19.1.0-canary-e06c72fc-20241215";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&