react-dom 19.1.0-canary-7eb8234f-20241218 → 19.1.0-canary-9463d51e-20241219

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

@@ -2026,19 +2026,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$279;
+  var JSCompiler_inline_result$jscomp$280;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_409 = "oninput" in document;
-    if (!isSupported$jscomp$inline_409) {
-      var element$jscomp$inline_410 = document.createElement("div");
-      element$jscomp$inline_410.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_409 =
-        "function" === typeof element$jscomp$inline_410.oninput;
+    var isSupported$jscomp$inline_410 = "oninput" in document;
+    if (!isSupported$jscomp$inline_410) {
+      var element$jscomp$inline_411 = document.createElement("div");
+      element$jscomp$inline_411.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_410 =
+        "function" === typeof element$jscomp$inline_411.oninput;
     }
-    JSCompiler_inline_result$jscomp$279 = isSupported$jscomp$inline_409;
-  } else JSCompiler_inline_result$jscomp$279 = !1;
+    JSCompiler_inline_result$jscomp$280 = isSupported$jscomp$inline_410;
+  } else JSCompiler_inline_result$jscomp$280 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$279 &&
+    JSCompiler_inline_result$jscomp$280 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -3303,6 +3303,18 @@ function resetHydrationState() {
   nextHydratableInstance = hydrationParentFiber = null;
   isHydrating = !1;
 }
+function upgradeHydrationErrorsToRecoverable() {
+  var queuedErrors = hydrationErrors;
+  null !== queuedErrors &&
+    (null === workInProgressRootRecoverableErrors
+      ? (workInProgressRootRecoverableErrors = queuedErrors)
+      : workInProgressRootRecoverableErrors.push.apply(
+          workInProgressRootRecoverableErrors,
+          queuedErrors
+        ),
+    (hydrationErrors = null));
+  return queuedErrors;
+}
 function queueHydrationError(error) {
   null === hydrationErrors
     ? (hydrationErrors = [error])
@@ -6428,7 +6440,12 @@ function mountHostRootWithoutHydrating(
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
-var SUSPENDED_MARKER = { dehydrated: null, treeContext: null, retryLane: 0 };
+var SUSPENDED_MARKER = {
+  dehydrated: null,
+  treeContext: null,
+  retryLane: 0,
+  hydrationErrors: null
+};
 function mountSuspenseOffscreenState(renderLanes) {
   return { baseLanes: renderLanes, cachePool: getSuspendedCache() };
 }
@@ -6491,7 +6508,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
                   null !== treeContextProvider
                     ? { id: treeContextId, overflow: treeContextOverflow }
                     : null,
-                retryLane: 536870912
+                retryLane: 536870912,
+                hydrationErrors: null
               }),
               (JSCompiler_temp$jscomp$0 = createFiberImplClass(
                 18,
@@ -9021,6 +9039,14 @@ function commitPassiveMountOnFiber(
           committedTransitions
         );
       break;
+    case 13:
+      recursivelyTraversePassiveMountEffects(
+        finishedRoot,
+        finishedWork,
+        committedLanes,
+        committedTransitions
+      );
+      break;
     case 23:
       break;
     case 22:
@@ -9734,9 +9760,7 @@ function completeWork(current, workInProgress, renderLanes) {
             (current.memoizedState.isDehydrated &&
               0 === (workInProgress.flags & 256)) ||
             ((workInProgress.flags |= 1024),
-            null !== hydrationErrors &&
-              (queueRecoverableErrors(hydrationErrors),
-              (hydrationErrors = null)));
+            upgradeHydrationErrorsToRecoverable());
       bubbleProperties(workInProgress);
       return null;
     case 26:
@@ -9950,8 +9974,10 @@ function completeWork(current, workInProgress, renderLanes) {
           bubbleProperties(workInProgress);
           type = !1;
         } else
-          null !== hydrationErrors &&
-            (queueRecoverableErrors(hydrationErrors), (hydrationErrors = null)),
+          (type = upgradeHydrationErrorsToRecoverable()),
+            null !== current &&
+              null !== current.memoizedState &&
+              (current.memoizedState.hydrationErrors = type),
             (type = !0);
         if (!type) {
           if (workInProgress.flags & 256)
@@ -9972,11 +9998,11 @@ function completeWork(current, workInProgress, renderLanes) {
           null !== newProps.alternate.memoizedState &&
           null !== newProps.alternate.memoizedState.cachePool &&
           (type = newProps.alternate.memoizedState.cachePool.pool);
-        var cache$144 = null;
+        var cache$145 = null;
         null !== newProps.memoizedState &&
           null !== newProps.memoizedState.cachePool &&
-          (cache$144 = newProps.memoizedState.cachePool.pool);
-        cache$144 !== type && (newProps.flags |= 2048);
+          (cache$145 = newProps.memoizedState.cachePool.pool);
+        cache$145 !== type && (newProps.flags |= 2048);
       }
       renderLanes !== current &&
         renderLanes &&
@@ -10001,8 +10027,8 @@ function completeWork(current, workInProgress, renderLanes) {
       type = workInProgress.memoizedState;
       if (null === type) return bubbleProperties(workInProgress), null;
       newProps = 0 !== (workInProgress.flags & 128);
-      cache$144 = type.rendering;
-      if (null === cache$144)
+      cache$145 = type.rendering;
+      if (null === cache$145)
         if (newProps) cutOffTailIfNeeded(type, !1);
         else {
           if (
@@ -10010,11 +10036,11 @@ function completeWork(current, workInProgress, renderLanes) {
             (null !== current && 0 !== (current.flags & 128))
           )
             for (current = workInProgress.child; null !== current; ) {
-              cache$144 = findFirstSuspended(current);
-              if (null !== cache$144) {
+              cache$145 = findFirstSuspended(current);
+              if (null !== cache$145) {
                 workInProgress.flags |= 128;
                 cutOffTailIfNeeded(type, !1);
-                current = cache$144.updateQueue;
+                current = cache$145.updateQueue;
                 workInProgress.updateQueue = current;
                 scheduleRetryEffect(workInProgress, current);
                 workInProgress.subtreeFlags = 0;
@@ -10039,7 +10065,7 @@ function completeWork(current, workInProgress, renderLanes) {
         }
       else {
         if (!newProps)
-          if (((current = findFirstSuspended(cache$144)), null !== current)) {
+          if (((current = findFirstSuspended(cache$145)), null !== current)) {
             if (
               ((workInProgress.flags |= 128),
               (newProps = !0),
@@ -10049,7 +10075,7 @@ function completeWork(current, workInProgress, renderLanes) {
               cutOffTailIfNeeded(type, !0),
               null === type.tail &&
                 "hidden" === type.tailMode &&
-                !cache$144.alternate &&
+                !cache$145.alternate &&
                 !isHydrating)
             )
               return bubbleProperties(workInProgress), null;
@@ -10062,13 +10088,13 @@ function completeWork(current, workInProgress, renderLanes) {
               cutOffTailIfNeeded(type, !1),
               (workInProgress.lanes = 4194304));
         type.isBackwards
-          ? ((cache$144.sibling = workInProgress.child),
-            (workInProgress.child = cache$144))
+          ? ((cache$145.sibling = workInProgress.child),
+            (workInProgress.child = cache$145))
           : ((current = type.last),
             null !== current
-              ? (current.sibling = cache$144)
-              : (workInProgress.child = cache$144),
-            (type.last = cache$144));
+              ? (current.sibling = cache$145)
+              : (workInProgress.child = cache$145),
+            (type.last = cache$145));
       }
       if (null !== type.tail)
         return (
@@ -10377,7 +10403,12 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) {
               renderWasConcurrent = workInProgressRootRecoverableErrors;
               workInProgressRootRecoverableErrors = exitStatus;
               null !== renderWasConcurrent &&
-                queueRecoverableErrors(renderWasConcurrent);
+                (null === workInProgressRootRecoverableErrors
+                  ? (workInProgressRootRecoverableErrors = renderWasConcurrent)
+                  : workInProgressRootRecoverableErrors.push.apply(
+                      workInProgressRootRecoverableErrors,
+                      renderWasConcurrent
+                    ));
             }
             exitStatus = JSCompiler_inline_result;
           }
@@ -10474,14 +10505,6 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) {
   } while (1);
   ensureRootIsScheduled(root$jscomp$0);
 }
-function queueRecoverableErrors(errors) {
-  null === workInProgressRootRecoverableErrors
-    ? (workInProgressRootRecoverableErrors = errors)
-    : workInProgressRootRecoverableErrors.push.apply(
-        workInProgressRootRecoverableErrors,
-        errors
-      );
-}
 function commitRootWhenReady(
   root,
   finishedWork,
@@ -10759,8 +10782,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) {
       workLoopSync();
       exitStatus = workInProgressRootExitStatus;
       break;
-    } catch (thrownValue$163) {
-      handleThrow(root, thrownValue$163);
+    } catch (thrownValue$164) {
+      handleThrow(root, thrownValue$164);
     }
   while (1);
   lanes && root.shellSuspendCounter++;
@@ -10875,8 +10898,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$165) {
-      handleThrow(root, thrownValue$165);
+    } catch (thrownValue$166) {
+      handleThrow(root, thrownValue$166);
     }
   while (1);
   lastContextDependency = currentlyRenderingFiber$1 = null;
@@ -11188,7 +11211,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$169 = rootWithPendingPassiveEffects,
+    var root$170 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes),
@@ -11227,7 +11250,7 @@ function flushPassiveEffects() {
     } finally {
       (ReactDOMSharedInternals.p = previousPriority),
         (ReactSharedInternals.T = prevTransition),
-        releaseRootPooledCache(root$169, remainingLanes);
+        releaseRootPooledCache(root$170, remainingLanes);
     }
   }
   return !1;
@@ -11370,14 +11393,14 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) {
     isFlushingWork = !0;
     do {
       var didPerformSomeWork = !1;
-      for (var root$171 = firstScheduledRoot; null !== root$171; ) {
+      for (var root$172 = firstScheduledRoot; null !== root$172; ) {
         if (!onlyLegacy)
           if (0 !== syncTransitionLanes) {
-            var pendingLanes = root$171.pendingLanes;
+            var pendingLanes = root$172.pendingLanes;
             if (0 === pendingLanes) var JSCompiler_inline_result = 0;
             else {
-              var suspendedLanes = root$171.suspendedLanes,
-                pingedLanes = root$171.pingedLanes;
+              var suspendedLanes = root$172.suspendedLanes,
+                pingedLanes = root$172.pingedLanes;
               JSCompiler_inline_result =
                 (1 << (31 - clz32(42 | syncTransitionLanes) + 1)) - 1;
               JSCompiler_inline_result &=
@@ -11391,18 +11414,18 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) {
             }
             0 !== JSCompiler_inline_result &&
               ((didPerformSomeWork = !0),
-              performSyncWorkOnRoot(root$171, JSCompiler_inline_result));
+              performSyncWorkOnRoot(root$172, JSCompiler_inline_result));
           } else
             (JSCompiler_inline_result = workInProgressRootRenderLanes),
               (JSCompiler_inline_result = getNextLanes(
-                root$171,
-                root$171 === workInProgressRoot ? JSCompiler_inline_result : 0
+                root$172,
+                root$172 === workInProgressRoot ? JSCompiler_inline_result : 0
               )),
               0 === (JSCompiler_inline_result & 3) ||
-                checkIfRootIsPrerendering(root$171, JSCompiler_inline_result) ||
+                checkIfRootIsPrerendering(root$172, JSCompiler_inline_result) ||
                 ((didPerformSomeWork = !0),
-                performSyncWorkOnRoot(root$171, JSCompiler_inline_result));
-        root$171 = root$171.next;
+                performSyncWorkOnRoot(root$172, JSCompiler_inline_result));
+        root$172 = root$172.next;
       }
     } while (didPerformSomeWork);
     isFlushingWork = !1;
@@ -11632,20 +11655,20 @@ function extractEvents$1(
   }
 }
 for (
-  var i$jscomp$inline_1429 = 0;
-  i$jscomp$inline_1429 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1429++
+  var i$jscomp$inline_1432 = 0;
+  i$jscomp$inline_1432 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1432++
 ) {
-  var eventName$jscomp$inline_1430 =
-      simpleEventPluginEvents[i$jscomp$inline_1429],
-    domEventName$jscomp$inline_1431 =
-      eventName$jscomp$inline_1430.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1432 =
-      eventName$jscomp$inline_1430[0].toUpperCase() +
-      eventName$jscomp$inline_1430.slice(1);
+  var eventName$jscomp$inline_1433 =
+      simpleEventPluginEvents[i$jscomp$inline_1432],
+    domEventName$jscomp$inline_1434 =
+      eventName$jscomp$inline_1433.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1435 =
+      eventName$jscomp$inline_1433[0].toUpperCase() +
+      eventName$jscomp$inline_1433.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1431,
-    "on" + capitalizedEvent$jscomp$inline_1432
+    domEventName$jscomp$inline_1434,
+    "on" + capitalizedEvent$jscomp$inline_1435
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -12828,34 +12851,34 @@ function setInitialProperties(domElement, tag, props) {
         defaultChecked = null;
       for (hasSrc in props)
         if (props.hasOwnProperty(hasSrc)) {
-          var propValue$185 = props[hasSrc];
-          if (null != propValue$185)
+          var propValue$186 = props[hasSrc];
+          if (null != propValue$186)
             switch (hasSrc) {
               case "name":
-                hasSrcSet = propValue$185;
+                hasSrcSet = propValue$186;
                 break;
               case "type":
-                propValue = propValue$185;
+                propValue = propValue$186;
                 break;
               case "checked":
-                checked = propValue$185;
+                checked = propValue$186;
                 break;
               case "defaultChecked":
-                defaultChecked = propValue$185;
+                defaultChecked = propValue$186;
                 break;
               case "value":
-                propKey = propValue$185;
+                propKey = propValue$186;
                 break;
               case "defaultValue":
-                defaultValue = propValue$185;
+                defaultValue = propValue$186;
                 break;
               case "children":
               case "dangerouslySetInnerHTML":
-                if (null != propValue$185)
+                if (null != propValue$186)
                   throw Error(formatProdErrorMessage(137, tag));
                 break;
               default:
-                setProp(domElement, tag, hasSrc, propValue$185, props, null);
+                setProp(domElement, tag, hasSrc, propValue$186, props, null);
             }
         }
       initInput(
@@ -12992,14 +13015,14 @@ function setInitialProperties(domElement, tag, props) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (propValue$185 in props)
-          props.hasOwnProperty(propValue$185) &&
-            ((hasSrc = props[propValue$185]),
+        for (propValue$186 in props)
+          props.hasOwnProperty(propValue$186) &&
+            ((hasSrc = props[propValue$186]),
             void 0 !== hasSrc &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propValue$185,
+                propValue$186,
                 hasSrc,
                 props,
                 void 0
@@ -13047,14 +13070,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$202 in nextProps) {
-        var propKey = nextProps[propKey$202];
-        lastProp = lastProps[propKey$202];
+      for (var propKey$203 in nextProps) {
+        var propKey = nextProps[propKey$203];
+        lastProp = lastProps[propKey$203];
         if (
-          nextProps.hasOwnProperty(propKey$202) &&
+          nextProps.hasOwnProperty(propKey$203) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$202) {
+          switch (propKey$203) {
             case "type":
               type = propKey;
               break;
@@ -13083,7 +13106,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$202,
+                  propKey$203,
                   propKey,
                   nextProps,
                   lastProp
@@ -13102,7 +13125,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       );
       return;
     case "select":
-      propKey = value = defaultValue = propKey$202 = null;
+      propKey = value = defaultValue = propKey$203 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -13133,7 +13156,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$202 = type;
+              propKey$203 = type;
               break;
             case "defaultValue":
               defaultValue = type;
@@ -13154,15 +13177,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       tag = defaultValue;
       lastProps = value;
       nextProps = propKey;
-      null != propKey$202
-        ? updateOptions(domElement, !!lastProps, propKey$202, !1)
+      null != propKey$203
+        ? updateOptions(domElement, !!lastProps, propKey$203, !1)
         : !!nextProps !== !!lastProps &&
           (null != tag
             ? updateOptions(domElement, !!lastProps, tag, !0)
             : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1));
       return;
     case "textarea":
-      propKey = propKey$202 = null;
+      propKey = propKey$203 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -13186,7 +13209,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$202 = name;
+              propKey$203 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -13200,17 +13223,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$202, propKey);
+      updateTextarea(domElement, propKey$203, propKey);
       return;
     case "option":
-      for (var propKey$218 in lastProps)
+      for (var propKey$219 in lastProps)
         if (
-          ((propKey$202 = lastProps[propKey$218]),
-          lastProps.hasOwnProperty(propKey$218) &&
-            null != propKey$202 &&
-            !nextProps.hasOwnProperty(propKey$218))
+          ((propKey$203 = lastProps[propKey$219]),
+          lastProps.hasOwnProperty(propKey$219) &&
+            null != propKey$203 &&
+            !nextProps.hasOwnProperty(propKey$219))
         )
-          switch (propKey$218) {
+          switch (propKey$219) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -13218,33 +13241,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$218,
+                propKey$219,
                 null,
                 nextProps,
-                propKey$202
+                propKey$203
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$202 = nextProps[lastDefaultValue]),
+          ((propKey$203 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$202 !== propKey &&
-            (null != propKey$202 || null != propKey))
+            propKey$203 !== propKey &&
+            (null != propKey$203 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$202 &&
-                "function" !== typeof propKey$202 &&
-                "symbol" !== typeof propKey$202;
+                propKey$203 &&
+                "function" !== typeof propKey$203 &&
+                "symbol" !== typeof propKey$203;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$202,
+                propKey$203,
                 nextProps,
                 propKey
               );
@@ -13265,24 +13288,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$223 in lastProps)
-        (propKey$202 = lastProps[propKey$223]),
-          lastProps.hasOwnProperty(propKey$223) &&
-            null != propKey$202 &&
-            !nextProps.hasOwnProperty(propKey$223) &&
-            setProp(domElement, tag, propKey$223, null, nextProps, propKey$202);
+      for (var propKey$224 in lastProps)
+        (propKey$203 = lastProps[propKey$224]),
+          lastProps.hasOwnProperty(propKey$224) &&
+            null != propKey$203 &&
+            !nextProps.hasOwnProperty(propKey$224) &&
+            setProp(domElement, tag, propKey$224, null, nextProps, propKey$203);
       for (checked in nextProps)
         if (
-          ((propKey$202 = nextProps[checked]),
+          ((propKey$203 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$202 !== propKey &&
-            (null != propKey$202 || null != propKey))
+            propKey$203 !== propKey &&
+            (null != propKey$203 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$202)
+              if (null != propKey$203)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -13290,7 +13313,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$202,
+                propKey$203,
                 nextProps,
                 propKey
               );
@@ -13298,49 +13321,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$228 in lastProps)
-          (propKey$202 = lastProps[propKey$228]),
-            lastProps.hasOwnProperty(propKey$228) &&
-              void 0 !== propKey$202 &&
-              !nextProps.hasOwnProperty(propKey$228) &&
+        for (var propKey$229 in lastProps)
+          (propKey$203 = lastProps[propKey$229]),
+            lastProps.hasOwnProperty(propKey$229) &&
+              void 0 !== propKey$203 &&
+              !nextProps.hasOwnProperty(propKey$229) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$228,
+                propKey$229,
                 void 0,
                 nextProps,
-                propKey$202
+                propKey$203
               );
         for (defaultChecked in nextProps)
-          (propKey$202 = nextProps[defaultChecked]),
+          (propKey$203 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$202 === propKey ||
-              (void 0 === propKey$202 && void 0 === propKey) ||
+              propKey$203 === propKey ||
+              (void 0 === propKey$203 && void 0 === propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$202,
+                propKey$203,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$233 in lastProps)
-    (propKey$202 = lastProps[propKey$233]),
-      lastProps.hasOwnProperty(propKey$233) &&
-        null != propKey$202 &&
-        !nextProps.hasOwnProperty(propKey$233) &&
-        setProp(domElement, tag, propKey$233, null, nextProps, propKey$202);
+  for (var propKey$234 in lastProps)
+    (propKey$203 = lastProps[propKey$234]),
+      lastProps.hasOwnProperty(propKey$234) &&
+        null != propKey$203 &&
+        !nextProps.hasOwnProperty(propKey$234) &&
+        setProp(domElement, tag, propKey$234, null, nextProps, propKey$203);
   for (lastProp in nextProps)
-    (propKey$202 = nextProps[lastProp]),
+    (propKey$203 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$202 === propKey ||
-        (null == propKey$202 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$202, nextProps, propKey);
+        propKey$203 === propKey ||
+        (null == propKey$203 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$203, nextProps, propKey);
 }
 var eventsEnabled = null,
   selectionInformation = null;
@@ -13904,26 +13927,26 @@ function getResource(type, currentProps, pendingProps, currentResource) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$241 = getResourcesFromRoot(
+        var styles$242 = getResourcesFromRoot(
             JSCompiler_inline_result
           ).hoistableStyles,
-          resource$242 = styles$241.get(type);
-        resource$242 ||
+          resource$243 = styles$242.get(type);
+        resource$243 ||
           ((JSCompiler_inline_result =
             JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result),
-          (resource$242 = {
+          (resource$243 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$241.set(type, resource$242),
-          (styles$241 = JSCompiler_inline_result.querySelector(
+          styles$242.set(type, resource$243),
+          (styles$242 = JSCompiler_inline_result.querySelector(
             getStylesheetSelectorFromKey(type)
           )) &&
-            !styles$241._p &&
-            ((resource$242.instance = styles$241),
-            (resource$242.state.loading = 5)),
+            !styles$242._p &&
+            ((resource$243.instance = styles$242),
+            (resource$243.state.loading = 5)),
           preloadPropsMap.has(type) ||
             ((pendingProps = {
               rel: "preload",
@@ -13936,16 +13959,16 @@ function getResource(type, currentProps, pendingProps, currentResource) {
               referrerPolicy: pendingProps.referrerPolicy
             }),
             preloadPropsMap.set(type, pendingProps),
-            styles$241 ||
+            styles$242 ||
               preloadStylesheet(
                 JSCompiler_inline_result,
                 type,
                 pendingProps,
-                resource$242.state
+                resource$243.state
               )));
         if (currentProps && null === currentResource)
           throw Error(formatProdErrorMessage(528, ""));
-        return resource$242;
+        return resource$243;
       }
       if (currentProps && null !== currentResource)
         throw Error(formatProdErrorMessage(529, ""));
@@ -14042,37 +14065,37 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$247 = hoistableRoot.querySelector(
+        var instance$248 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$247)
+        if (instance$248)
           return (
             (resource.state.loading |= 4),
-            (resource.instance = instance$247),
-            markNodeAsHoistable(instance$247),
-            instance$247
+            (resource.instance = instance$248),
+            markNodeAsHoistable(instance$248),
+            instance$248
           );
         instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(instance, styleProps);
-        instance$247 = (
+        instance$248 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$247);
-        var linkInstance = instance$247;
+        markNodeAsHoistable(instance$248);
+        var linkInstance = instance$248;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$247, "link", instance);
+        setInitialProperties(instance$248, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$247, props.precedence, hoistableRoot);
-        return (resource.instance = instance$247);
+        insertStylesheet(instance$248, props.precedence, hoistableRoot);
+        return (resource.instance = instance$248);
       case "script":
-        instance$247 = getScriptKey(props.src);
+        instance$248 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            getScriptSelectorFromKey(instance$247)
+            getScriptSelectorFromKey(instance$248)
           ))
         )
           return (
@@ -14081,7 +14104,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         instance = props;
-        if ((styleProps = preloadPropsMap.get(instance$247)))
+        if ((styleProps = preloadPropsMap.get(instance$248)))
           (instance = assign({}, props)),
             adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -15106,16 +15129,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
     0 === i && attemptExplicitHydrationTarget(target);
   }
 };
-var isomorphicReactPackageVersion$jscomp$inline_1676 = React.version;
+var isomorphicReactPackageVersion$jscomp$inline_1679 = React.version;
 if (
-  "19.1.0-canary-7eb8234f-20241218" !==
-  isomorphicReactPackageVersion$jscomp$inline_1676
+  "19.1.0-canary-9463d51e-20241219" !==
+  isomorphicReactPackageVersion$jscomp$inline_1679
 )
   throw Error(
     formatProdErrorMessage(
       527,
-      isomorphicReactPackageVersion$jscomp$inline_1676,
-      "19.1.0-canary-7eb8234f-20241218"
+      isomorphicReactPackageVersion$jscomp$inline_1679,
+      "19.1.0-canary-9463d51e-20241219"
     )
   );
 ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -15135,24 +15158,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
     null === componentOrElement ? null : componentOrElement.stateNode;
   return componentOrElement;
 };
-var internals$jscomp$inline_2152 = {
+var internals$jscomp$inline_2158 = {
   bundleType: 0,
-  version: "19.1.0-canary-7eb8234f-20241218",
+  version: "19.1.0-canary-9463d51e-20241219",
   rendererPackageName: "react-dom",
   currentDispatcherRef: ReactSharedInternals,
-  reconcilerVersion: "19.1.0-canary-7eb8234f-20241218"
+  reconcilerVersion: "19.1.0-canary-9463d51e-20241219"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2153 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2159 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2153.isDisabled &&
-    hook$jscomp$inline_2153.supportsFiber
+    !hook$jscomp$inline_2159.isDisabled &&
+    hook$jscomp$inline_2159.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2153.inject(
-        internals$jscomp$inline_2152
+      (rendererID = hook$jscomp$inline_2159.inject(
+        internals$jscomp$inline_2158
       )),
-        (injectedHook = hook$jscomp$inline_2153);
+        (injectedHook = hook$jscomp$inline_2159);
     } catch (err) {}
 }
 exports.createRoot = function (container, options) {
@@ -15246,4 +15269,4 @@ exports.hydrateRoot = function (container, initialChildren, options) {
   listenToAllSupportedEvents(container);
   return new ReactDOMHydrationRoot(initialChildren);
 };
-exports.version = "19.1.0-canary-7eb8234f-20241218";
+exports.version = "19.1.0-canary-9463d51e-20241219";