diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION index 1414453c39..f6c806e240 100644 --- a/compiled/facebook-www/REVISION +++ b/compiled/facebook-www/REVISION @@ -1 +1 @@ -a5297ece6217f5495cbe38ba58f928b2697b0f99 +e0c99c4ea1cae566ad8040180cf180ae058cb8bf diff --git a/compiled/facebook-www/REVISION_TRANSFORMS b/compiled/facebook-www/REVISION_TRANSFORMS index 1414453c39..f6c806e240 100644 --- a/compiled/facebook-www/REVISION_TRANSFORMS +++ b/compiled/facebook-www/REVISION_TRANSFORMS @@ -1 +1 @@ -a5297ece6217f5495cbe38ba58f928b2697b0f99 +e0c99c4ea1cae566ad8040180cf180ae058cb8bf diff --git a/compiled/facebook-www/React-dev.classic.js b/compiled/facebook-www/React-dev.classic.js index 5a886aa12b..8c7939a401 100644 --- a/compiled/facebook-www/React-dev.classic.js +++ b/compiled/facebook-www/React-dev.classic.js @@ -1511,7 +1511,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.1.0-www-classic-a5297ece-20250326"; + exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/React-dev.modern.js b/compiled/facebook-www/React-dev.modern.js index 5256bd3d26..951591d7b5 100644 --- a/compiled/facebook-www/React-dev.modern.js +++ b/compiled/facebook-www/React-dev.modern.js @@ -1511,7 +1511,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.1.0-www-modern-a5297ece-20250326"; + exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/React-prod.classic.js b/compiled/facebook-www/React-prod.classic.js index 8aaeaf3e58..e38b2fc250 100644 --- a/compiled/facebook-www/React-prod.classic.js +++ b/compiled/facebook-www/React-prod.classic.js @@ -624,4 +624,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.1.0-www-classic-a5297ece-20250326"; +exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/React-prod.modern.js b/compiled/facebook-www/React-prod.modern.js index a362f3e97e..5ca3d74c42 100644 --- a/compiled/facebook-www/React-prod.modern.js +++ b/compiled/facebook-www/React-prod.modern.js @@ -624,4 +624,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.1.0-www-modern-a5297ece-20250326"; +exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/React-profiling.classic.js b/compiled/facebook-www/React-profiling.classic.js index 641c143e43..98a4091a68 100644 --- a/compiled/facebook-www/React-profiling.classic.js +++ b/compiled/facebook-www/React-profiling.classic.js @@ -628,7 +628,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.1.0-www-classic-a5297ece-20250326"; +exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/React-profiling.modern.js b/compiled/facebook-www/React-profiling.modern.js index b93f9d6307..1a123ad73f 100644 --- a/compiled/facebook-www/React-profiling.modern.js +++ b/compiled/facebook-www/React-profiling.modern.js @@ -628,7 +628,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.1.0-www-modern-a5297ece-20250326"; +exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactART-dev.classic.js b/compiled/facebook-www/ReactART-dev.classic.js index c0b3a61970..6d76c3aec9 100644 --- a/compiled/facebook-www/ReactART-dev.classic.js +++ b/compiled/facebook-www/ReactART-dev.classic.js @@ -1974,13 +1974,7 @@ __DEV__ && function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -9003,6 +8997,18 @@ __DEV__ && nextCache.toString(32) + "\u00bb"), (prevSibling.autoName = nextProps)), + void 0 !== returnFiber.className && + ((prevSibling = + "string" === typeof returnFiber.className + ? JSON.stringify(returnFiber.className) + : "{...}"), + didWarnAboutClassNameOnViewTransition[prevSibling] || + ((didWarnAboutClassNameOnViewTransition[prevSibling] = !0), + console.error( + ' doesn\'t accept a "className" prop. It has been renamed to "default".\n- \n+ ', + prevSibling, + prevSibling + ))), null !== current && current.memoizedProps.name !== returnFiber.name ? (workInProgress.flags |= 4194816) @@ -10463,7 +10469,7 @@ __DEV__ && var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -10498,7 +10504,7 @@ __DEV__ && ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -10530,7 +10536,7 @@ __DEV__ && if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); if ("none" !== props) { var collectMeasurements = (changedParent.memoizedState = []); applyViewTransitionToHostInstancesRecursive( @@ -10732,7 +10738,7 @@ __DEV__ && )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -17828,6 +17834,7 @@ __DEV__ && var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; var didWarnAboutDefaultPropsOnFunctionComponent = {}; + var didWarnAboutClassNameOnViewTransition = {}; var updateLegacyHiddenComponent = updateOffscreenComponent, SUSPENDED_MARKER = { dehydrated: null, @@ -18181,10 +18188,10 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.1.0-www-classic-a5297ece-20250326", + version: "19.1.0-www-classic-e0c99c4e-20250326", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -18218,7 +18225,7 @@ __DEV__ && exports.Shape = Shape; exports.Surface = Surface; exports.Text = Text; - exports.version = "19.1.0-www-classic-a5297ece-20250326"; + exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactART-dev.modern.js b/compiled/facebook-www/ReactART-dev.modern.js index 83a424f89f..bf7832a592 100644 --- a/compiled/facebook-www/ReactART-dev.modern.js +++ b/compiled/facebook-www/ReactART-dev.modern.js @@ -1880,13 +1880,7 @@ __DEV__ && function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -8835,6 +8829,18 @@ __DEV__ && nextCache.toString(32) + "\u00bb"), (prevSibling.autoName = nextProps)), + void 0 !== returnFiber.className && + ((prevSibling = + "string" === typeof returnFiber.className + ? JSON.stringify(returnFiber.className) + : "{...}"), + didWarnAboutClassNameOnViewTransition[prevSibling] || + ((didWarnAboutClassNameOnViewTransition[prevSibling] = !0), + console.error( + ' doesn\'t accept a "className" prop. It has been renamed to "default".\n- \n+ ', + prevSibling, + prevSibling + ))), null !== current && current.memoizedProps.name !== returnFiber.name ? (workInProgress.flags |= 4194816) @@ -10281,7 +10287,7 @@ __DEV__ && var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -10316,7 +10322,7 @@ __DEV__ && ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -10348,7 +10354,7 @@ __DEV__ && if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); if ("none" !== props) { var collectMeasurements = (changedParent.memoizedState = []); applyViewTransitionToHostInstancesRecursive( @@ -10550,7 +10556,7 @@ __DEV__ && )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -17600,6 +17606,7 @@ __DEV__ && var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; var didWarnAboutDefaultPropsOnFunctionComponent = {}; + var didWarnAboutClassNameOnViewTransition = {}; var updateLegacyHiddenComponent = updateOffscreenComponent, SUSPENDED_MARKER = { dehydrated: null, @@ -17953,10 +17960,10 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.1.0-www-modern-a5297ece-20250326", + version: "19.1.0-www-modern-e0c99c4e-20250326", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -17990,7 +17997,7 @@ __DEV__ && exports.Shape = Shape; exports.Surface = Surface; exports.Text = Text; - exports.version = "19.1.0-www-modern-a5297ece-20250326"; + exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactART-prod.classic.js b/compiled/facebook-www/ReactART-prod.classic.js index 356d8a5798..2dde1cc68a 100644 --- a/compiled/facebook-www/ReactART-prod.classic.js +++ b/compiled/facebook-www/ReactART-prod.classic.js @@ -1134,13 +1134,7 @@ function getClassNameByType(classByType) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -7282,7 +7276,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -7317,7 +7311,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -7349,7 +7343,7 @@ function commitNestedViewTransitions(changedParent) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); if ("none" !== props) { var collectMeasurements = (changedParent.memoizedState = []); applyViewTransitionToHostInstancesRecursive( @@ -7528,7 +7522,7 @@ function commitBeforeMutationEffects_complete( current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName(flags.className, flags.update)), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && ((JSCompiler_temp = current.memoizedState = []), applyViewTransitionToHostInstancesRecursive( @@ -11146,10 +11140,10 @@ var slice = Array.prototype.slice, })(React.Component); var internals$jscomp$inline_1582 = { bundleType: 0, - version: "19.1.0-www-classic-a5297ece-20250326", + version: "19.1.0-www-classic-e0c99c4e-20250326", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_1583 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -11175,4 +11169,4 @@ exports.RadialGradient = RadialGradient; exports.Shape = TYPES.SHAPE; exports.Surface = Surface; exports.Text = Text; -exports.version = "19.1.0-www-classic-a5297ece-20250326"; +exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/ReactART-prod.modern.js b/compiled/facebook-www/ReactART-prod.modern.js index 5a0a020973..d3ce4d53c2 100644 --- a/compiled/facebook-www/ReactART-prod.modern.js +++ b/compiled/facebook-www/ReactART-prod.modern.js @@ -989,13 +989,7 @@ function getClassNameByType(classByType) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -7034,7 +7028,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -7069,7 +7063,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -7101,7 +7095,7 @@ function commitNestedViewTransitions(changedParent) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); if ("none" !== props) { var collectMeasurements = (changedParent.memoizedState = []); applyViewTransitionToHostInstancesRecursive( @@ -7280,7 +7274,7 @@ function commitBeforeMutationEffects_complete( current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName(flags.className, flags.update)), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && ((JSCompiler_temp = current.memoizedState = []), applyViewTransitionToHostInstancesRecursive( @@ -10859,10 +10853,10 @@ var slice = Array.prototype.slice, })(React.Component); var internals$jscomp$inline_1555 = { bundleType: 0, - version: "19.1.0-www-modern-a5297ece-20250326", + version: "19.1.0-www-modern-e0c99c4e-20250326", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_1556 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -10888,4 +10882,4 @@ exports.RadialGradient = RadialGradient; exports.Shape = TYPES.SHAPE; exports.Surface = Surface; exports.Text = Text; -exports.version = "19.1.0-www-modern-a5297ece-20250326"; +exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/ReactDOM-dev.classic.js b/compiled/facebook-www/ReactDOM-dev.classic.js index 6ec32ac95e..211fe06ea0 100644 --- a/compiled/facebook-www/ReactDOM-dev.classic.js +++ b/compiled/facebook-www/ReactDOM-dev.classic.js @@ -3818,13 +3818,7 @@ __DEV__ && function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -9777,32 +9771,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2790; - var JSCompiler_object_inline_stack_2791 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2791; + var JSCompiler_object_inline_stack_2792 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2792 = !1; + var JSCompiler_object_inline_componentStack_2793 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2790 = didSuspend) || - (JSCompiler_object_inline_digest_2790 = + (JSCompiler_object_inline_digest_2791 = didSuspend) || + (JSCompiler_object_inline_digest_2791 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2790 && - ((JSCompiler_object_inline_componentStack_2792 = !0), + JSCompiler_object_inline_digest_2791 && + ((JSCompiler_object_inline_componentStack_2793 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2790 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2791 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2792 + JSCompiler_object_inline_componentStack_2793 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2789 = nextHydratableInstance; + var JSCompiler_object_inline_message_2790 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2789)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2790)) { c: { - var instance = JSCompiler_object_inline_message_2789; + var instance = JSCompiler_object_inline_message_2790; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -9844,46 +9838,46 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2789 + JSCompiler_object_inline_message_2790 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2789 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2790 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2789 && - ((JSCompiler_object_inline_message_2789 = - JSCompiler_object_inline_message_2789.dehydrated), - null !== JSCompiler_object_inline_message_2789) + null !== JSCompiler_object_inline_message_2790 && + ((JSCompiler_object_inline_message_2790 = + JSCompiler_object_inline_message_2790.dehydrated), + null !== JSCompiler_object_inline_message_2790) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2789) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2790) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2789 = - JSCompiler_object_inline_stack_2791.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2791.fallback; - if (JSCompiler_object_inline_componentStack_2792) + JSCompiler_object_inline_message_2790 = + JSCompiler_object_inline_stack_2792.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2792.fallback; + if (JSCompiler_object_inline_componentStack_2793) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2791 = + (JSCompiler_object_inline_stack_2792 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2789, + JSCompiler_object_inline_message_2790, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2792 = + (JSCompiler_object_inline_componentStack_2793 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2792.memoizedState = + (JSCompiler_object_inline_componentStack_2793.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2792.childLanes = + (JSCompiler_object_inline_componentStack_2793.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2790, + JSCompiler_object_inline_digest_2791, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9896,9 +9890,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2792.updateQueue), + JSCompiler_object_inline_componentStack_2793.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2792.updateQueue = + ? (JSCompiler_object_inline_componentStack_2793.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -9906,46 +9900,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2791 + JSCompiler_object_inline_stack_2792 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2791.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2792.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2791 = + (JSCompiler_object_inline_stack_2792 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2789, + JSCompiler_object_inline_message_2790, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2792 = + (JSCompiler_object_inline_componentStack_2793 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2792.memoizedState = + (JSCompiler_object_inline_componentStack_2793.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2792.childLanes = + (JSCompiler_object_inline_componentStack_2793.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2790, + JSCompiler_object_inline_digest_2791, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2791 + JSCompiler_object_inline_stack_2792 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2789 + JSCompiler_object_inline_message_2790 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2789 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2789) + ((JSCompiler_object_inline_message_2790 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2790) ) { if (didSuspend) workInProgress.flags & 256 @@ -9962,94 +9956,94 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2792 = - JSCompiler_object_inline_stack_2791.fallback), - (JSCompiler_object_inline_message_2789 = workInProgress.mode), - (JSCompiler_object_inline_stack_2791 = + (JSCompiler_object_inline_componentStack_2793 = + JSCompiler_object_inline_stack_2792.fallback), + (JSCompiler_object_inline_message_2790 = workInProgress.mode), + (JSCompiler_object_inline_stack_2792 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2791.children + children: JSCompiler_object_inline_stack_2792.children }, - JSCompiler_object_inline_message_2789 + JSCompiler_object_inline_message_2790 )), - (JSCompiler_object_inline_componentStack_2792 = + (JSCompiler_object_inline_componentStack_2793 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2792, - JSCompiler_object_inline_message_2789, + JSCompiler_object_inline_componentStack_2793, + JSCompiler_object_inline_message_2790, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2792.flags |= 2), - (JSCompiler_object_inline_stack_2791.return = workInProgress), - (JSCompiler_object_inline_componentStack_2792.return = + (JSCompiler_object_inline_componentStack_2793.flags |= 2), + (JSCompiler_object_inline_stack_2792.return = workInProgress), + (JSCompiler_object_inline_componentStack_2793.return = workInProgress), - (JSCompiler_object_inline_stack_2791.sibling = - JSCompiler_object_inline_componentStack_2792), - (workInProgress.child = JSCompiler_object_inline_stack_2791), + (JSCompiler_object_inline_stack_2792.sibling = + JSCompiler_object_inline_componentStack_2793), + (workInProgress.child = JSCompiler_object_inline_stack_2792), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2791 = workInProgress.child), - (JSCompiler_object_inline_stack_2791.memoizedState = + (JSCompiler_object_inline_stack_2792 = workInProgress.child), + (JSCompiler_object_inline_stack_2792.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2791.childLanes = + (JSCompiler_object_inline_stack_2792.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2790, + JSCompiler_object_inline_digest_2791, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2792)); + JSCompiler_object_inline_componentStack_2793)); 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_2789)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2790)) ) { - JSCompiler_object_inline_digest_2790 = - JSCompiler_object_inline_message_2789.nextSibling && - JSCompiler_object_inline_message_2789.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2790) { - JSCompiler_temp = JSCompiler_object_inline_digest_2790.dgst; - var message = JSCompiler_object_inline_digest_2790.msg; - instance = JSCompiler_object_inline_digest_2790.stck; - var componentStack = JSCompiler_object_inline_digest_2790.cstck; + JSCompiler_object_inline_digest_2791 = + JSCompiler_object_inline_message_2790.nextSibling && + JSCompiler_object_inline_message_2790.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2791) { + JSCompiler_temp = JSCompiler_object_inline_digest_2791.dgst; + var message = JSCompiler_object_inline_digest_2791.msg; + instance = JSCompiler_object_inline_digest_2791.stck; + var componentStack = JSCompiler_object_inline_digest_2791.cstck; } - JSCompiler_object_inline_message_2789 = message; - JSCompiler_object_inline_digest_2790 = JSCompiler_temp; - JSCompiler_object_inline_stack_2791 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2792 = + JSCompiler_object_inline_message_2790 = message; + JSCompiler_object_inline_digest_2791 = JSCompiler_temp; + JSCompiler_object_inline_stack_2792 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2793 = componentStack; - JSCompiler_object_inline_componentStack_2792 = - JSCompiler_object_inline_message_2789 - ? Error(JSCompiler_object_inline_message_2789) + JSCompiler_object_inline_componentStack_2793 = + JSCompiler_object_inline_message_2790 + ? Error(JSCompiler_object_inline_message_2790) : 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_2792.stack = - JSCompiler_object_inline_stack_2791 || ""; - JSCompiler_object_inline_componentStack_2792.digest = - JSCompiler_object_inline_digest_2790; - JSCompiler_object_inline_digest_2790 = + JSCompiler_object_inline_componentStack_2793.stack = + JSCompiler_object_inline_stack_2792 || ""; + JSCompiler_object_inline_componentStack_2793.digest = + JSCompiler_object_inline_digest_2791; + JSCompiler_object_inline_digest_2791 = void 0 === JSCompiler_temp ? null : JSCompiler_temp; - JSCompiler_object_inline_stack_2791 = { - value: JSCompiler_object_inline_componentStack_2792, + JSCompiler_object_inline_stack_2792 = { + value: JSCompiler_object_inline_componentStack_2793, source: null, - stack: JSCompiler_object_inline_digest_2790 + stack: JSCompiler_object_inline_digest_2791 }; - "string" === typeof JSCompiler_object_inline_digest_2790 && + "string" === typeof JSCompiler_object_inline_digest_2791 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2792, - JSCompiler_object_inline_stack_2791 + JSCompiler_object_inline_componentStack_2793, + JSCompiler_object_inline_stack_2792 ); - queueHydrationError(JSCompiler_object_inline_stack_2791); + queueHydrationError(JSCompiler_object_inline_stack_2792); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -10063,44 +10057,44 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2790 = + (JSCompiler_object_inline_digest_2791 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2790) + didReceiveUpdate || JSCompiler_object_inline_digest_2791) ) { - JSCompiler_object_inline_digest_2790 = workInProgressRoot; + JSCompiler_object_inline_digest_2791 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_digest_2790 && - ((JSCompiler_object_inline_stack_2791 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2791 = - 0 !== (JSCompiler_object_inline_stack_2791 & 42) + null !== JSCompiler_object_inline_digest_2791 && + ((JSCompiler_object_inline_stack_2792 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2792 = + 0 !== (JSCompiler_object_inline_stack_2792 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2791 + JSCompiler_object_inline_stack_2792 )), - (JSCompiler_object_inline_stack_2791 = + (JSCompiler_object_inline_stack_2792 = 0 !== - (JSCompiler_object_inline_stack_2791 & - (JSCompiler_object_inline_digest_2790.suspendedLanes | + (JSCompiler_object_inline_stack_2792 & + (JSCompiler_object_inline_digest_2791.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2791), - 0 !== JSCompiler_object_inline_stack_2791 && - JSCompiler_object_inline_stack_2791 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2792), + 0 !== JSCompiler_object_inline_stack_2792 && + JSCompiler_object_inline_stack_2792 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2791), + ((prevState.retryLane = JSCompiler_object_inline_stack_2792), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2791 + JSCompiler_object_inline_stack_2792 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2790, + JSCompiler_object_inline_digest_2791, current, - JSCompiler_object_inline_stack_2791 + JSCompiler_object_inline_stack_2792 ), SelectiveHydrationException) ); - JSCompiler_object_inline_message_2789.data === + JSCompiler_object_inline_message_2790.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10108,14 +10102,14 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2789.data === + JSCompiler_object_inline_message_2790.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2789.nextSibling + JSCompiler_object_inline_message_2790.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10133,57 +10127,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2791.children + JSCompiler_object_inline_stack_2792.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2792) + if (JSCompiler_object_inline_componentStack_2793) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2792 = - JSCompiler_object_inline_stack_2791.fallback), - (JSCompiler_object_inline_message_2789 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2793 = + JSCompiler_object_inline_stack_2792.fallback), + (JSCompiler_object_inline_message_2790 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2791 = createWorkInProgress( + (JSCompiler_object_inline_stack_2792 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2791.children + children: JSCompiler_object_inline_stack_2792.children } )), - (JSCompiler_object_inline_stack_2791.subtreeFlags = + (JSCompiler_object_inline_stack_2792.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_componentStack_2792 = + ? (JSCompiler_object_inline_componentStack_2793 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2792 + JSCompiler_object_inline_componentStack_2793 )) - : ((JSCompiler_object_inline_componentStack_2792 = + : ((JSCompiler_object_inline_componentStack_2793 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2792, - JSCompiler_object_inline_message_2789, + JSCompiler_object_inline_componentStack_2793, + JSCompiler_object_inline_message_2790, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2792.flags |= 2)), - (JSCompiler_object_inline_componentStack_2792.return = + (JSCompiler_object_inline_componentStack_2793.flags |= 2)), + (JSCompiler_object_inline_componentStack_2793.return = workInProgress), - (JSCompiler_object_inline_stack_2791.return = workInProgress), - (JSCompiler_object_inline_stack_2791.sibling = - JSCompiler_object_inline_componentStack_2792), - (workInProgress.child = JSCompiler_object_inline_stack_2791), - (JSCompiler_object_inline_stack_2791 = - JSCompiler_object_inline_componentStack_2792), - (JSCompiler_object_inline_componentStack_2792 = workInProgress.child), - (JSCompiler_object_inline_message_2789 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2789 - ? (JSCompiler_object_inline_message_2789 = + (JSCompiler_object_inline_stack_2792.return = workInProgress), + (JSCompiler_object_inline_stack_2792.sibling = + JSCompiler_object_inline_componentStack_2793), + (workInProgress.child = JSCompiler_object_inline_stack_2792), + (JSCompiler_object_inline_stack_2792 = + JSCompiler_object_inline_componentStack_2793), + (JSCompiler_object_inline_componentStack_2793 = workInProgress.child), + (JSCompiler_object_inline_message_2790 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2790 + ? (JSCompiler_object_inline_message_2790 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2789.cachePool), + JSCompiler_object_inline_message_2790.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -10191,34 +10185,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2789 = { + (JSCompiler_object_inline_message_2790 = { baseLanes: - JSCompiler_object_inline_message_2789.baseLanes | renderLanes, + JSCompiler_object_inline_message_2790.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2792.memoizedState = - JSCompiler_object_inline_message_2789), + (JSCompiler_object_inline_componentStack_2793.memoizedState = + JSCompiler_object_inline_message_2790), enableTransitionTracing && - ((JSCompiler_object_inline_message_2789 = enableTransitionTracing + ((JSCompiler_object_inline_message_2790 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2789 && + null !== JSCompiler_object_inline_message_2790 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2792.updateQueue), + JSCompiler_object_inline_componentStack_2793.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2792.updateQueue = { - transitions: JSCompiler_object_inline_message_2789, + ? (JSCompiler_object_inline_componentStack_2793.updateQueue = { + transitions: JSCompiler_object_inline_message_2790, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2792.updateQueue = + ? (JSCompiler_object_inline_componentStack_2793.updateQueue = { - transitions: JSCompiler_object_inline_message_2789, + transitions: JSCompiler_object_inline_message_2790, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -10226,32 +10220,32 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2789), + JSCompiler_object_inline_message_2790), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2792.childLanes = + (JSCompiler_object_inline_componentStack_2793.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2790, + JSCompiler_object_inline_digest_2791, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2791 + JSCompiler_object_inline_stack_2792 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2791.children + children: JSCompiler_object_inline_stack_2792.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2790 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2790 + ((JSCompiler_object_inline_digest_2791 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2791 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2790.push(current)); + : JSCompiler_object_inline_digest_2791.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -11516,6 +11510,19 @@ __DEV__ && } isHydrating && pushMaterializedTreeId(workInProgress); } + if (void 0 !== pendingProps.className) { + var example = + "string" === typeof pendingProps.className + ? JSON.stringify(pendingProps.className) + : "{...}"; + didWarnAboutClassNameOnViewTransition[example] || + ((didWarnAboutClassNameOnViewTransition[example] = !0), + console.error( + ' doesn\'t accept a "className" prop. It has been renamed to "default".\n- \n+ ', + example, + example + )); + } null !== current && current.memoizedProps.name !== pendingProps.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress); @@ -13386,7 +13393,7 @@ __DEV__ && "Found a pair with an auto name. This is a bug in React." ); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -13406,7 +13413,7 @@ __DEV__ && props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -13445,7 +13452,7 @@ __DEV__ && var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -13484,7 +13491,7 @@ __DEV__ && ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -13517,7 +13524,7 @@ __DEV__ && if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -13653,10 +13660,7 @@ __DEV__ && var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName( - props.className, - props.update - ); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -13955,7 +13959,7 @@ __DEV__ && )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -15383,7 +15387,7 @@ __DEV__ && root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); var className = getViewTransitionClassName( - props.className, + props.default, props.update ); "none" === className @@ -28746,6 +28750,7 @@ __DEV__ && var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; var didWarnAboutDefaultPropsOnFunctionComponent = {}; + var didWarnAboutClassNameOnViewTransition = {}; var updateLegacyHiddenComponent = updateOffscreenComponent, SUSPENDED_MARKER = { dehydrated: null, @@ -29894,11 +29899,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-www-classic-a5297ece-20250326" !== isomorphicReactPackageVersion) + if ("19.1.0-www-classic-e0c99c4e-20250326" !== 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-www-classic-a5297ece-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-www-classic-e0c99c4e-20250326\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -29941,10 +29946,10 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.1.0-www-classic-a5297ece-20250326", + version: "19.1.0-www-classic-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -30542,7 +30547,7 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-www-classic-a5297ece-20250326"; + exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOM-dev.modern.js b/compiled/facebook-www/ReactDOM-dev.modern.js index 507c099c52..891177a6d1 100644 --- a/compiled/facebook-www/ReactDOM-dev.modern.js +++ b/compiled/facebook-www/ReactDOM-dev.modern.js @@ -3705,13 +3705,7 @@ __DEV__ && function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -9589,32 +9583,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2785; - var JSCompiler_object_inline_stack_2786 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2786; + var JSCompiler_object_inline_stack_2787 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2787 = !1; + var JSCompiler_object_inline_componentStack_2788 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2785 = didSuspend) || - (JSCompiler_object_inline_digest_2785 = + (JSCompiler_object_inline_digest_2786 = didSuspend) || + (JSCompiler_object_inline_digest_2786 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2785 && - ((JSCompiler_object_inline_componentStack_2787 = !0), + JSCompiler_object_inline_digest_2786 && + ((JSCompiler_object_inline_componentStack_2788 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2785 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2786 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2787 + JSCompiler_object_inline_componentStack_2788 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2784 = nextHydratableInstance; + var JSCompiler_object_inline_message_2785 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2784)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2785)) { c: { - var instance = JSCompiler_object_inline_message_2784; + var instance = JSCompiler_object_inline_message_2785; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -9656,46 +9650,46 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2784 + JSCompiler_object_inline_message_2785 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2784 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2785 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2784 && - ((JSCompiler_object_inline_message_2784 = - JSCompiler_object_inline_message_2784.dehydrated), - null !== JSCompiler_object_inline_message_2784) + null !== JSCompiler_object_inline_message_2785 && + ((JSCompiler_object_inline_message_2785 = + JSCompiler_object_inline_message_2785.dehydrated), + null !== JSCompiler_object_inline_message_2785) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2784) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2785) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2784 = - JSCompiler_object_inline_stack_2786.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2786.fallback; - if (JSCompiler_object_inline_componentStack_2787) + JSCompiler_object_inline_message_2785 = + JSCompiler_object_inline_stack_2787.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2787.fallback; + if (JSCompiler_object_inline_componentStack_2788) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2786 = + (JSCompiler_object_inline_stack_2787 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2784, + JSCompiler_object_inline_message_2785, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2787 = + (JSCompiler_object_inline_componentStack_2788 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2787.memoizedState = + (JSCompiler_object_inline_componentStack_2788.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2787.childLanes = + (JSCompiler_object_inline_componentStack_2788.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2785, + JSCompiler_object_inline_digest_2786, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9708,9 +9702,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2787.updateQueue), + JSCompiler_object_inline_componentStack_2788.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2787.updateQueue = + ? (JSCompiler_object_inline_componentStack_2788.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -9718,46 +9712,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2786 + JSCompiler_object_inline_stack_2787 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2786.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2787.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2786 = + (JSCompiler_object_inline_stack_2787 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2784, + JSCompiler_object_inline_message_2785, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2787 = + (JSCompiler_object_inline_componentStack_2788 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2787.memoizedState = + (JSCompiler_object_inline_componentStack_2788.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2787.childLanes = + (JSCompiler_object_inline_componentStack_2788.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2785, + JSCompiler_object_inline_digest_2786, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2786 + JSCompiler_object_inline_stack_2787 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2784 + JSCompiler_object_inline_message_2785 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2784 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2784) + ((JSCompiler_object_inline_message_2785 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2785) ) { if (didSuspend) workInProgress.flags & 256 @@ -9774,94 +9768,94 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2787 = - JSCompiler_object_inline_stack_2786.fallback), - (JSCompiler_object_inline_message_2784 = workInProgress.mode), - (JSCompiler_object_inline_stack_2786 = + (JSCompiler_object_inline_componentStack_2788 = + JSCompiler_object_inline_stack_2787.fallback), + (JSCompiler_object_inline_message_2785 = workInProgress.mode), + (JSCompiler_object_inline_stack_2787 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2786.children + children: JSCompiler_object_inline_stack_2787.children }, - JSCompiler_object_inline_message_2784 + JSCompiler_object_inline_message_2785 )), - (JSCompiler_object_inline_componentStack_2787 = + (JSCompiler_object_inline_componentStack_2788 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2787, - JSCompiler_object_inline_message_2784, + JSCompiler_object_inline_componentStack_2788, + JSCompiler_object_inline_message_2785, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2787.flags |= 2), - (JSCompiler_object_inline_stack_2786.return = workInProgress), - (JSCompiler_object_inline_componentStack_2787.return = + (JSCompiler_object_inline_componentStack_2788.flags |= 2), + (JSCompiler_object_inline_stack_2787.return = workInProgress), + (JSCompiler_object_inline_componentStack_2788.return = workInProgress), - (JSCompiler_object_inline_stack_2786.sibling = - JSCompiler_object_inline_componentStack_2787), - (workInProgress.child = JSCompiler_object_inline_stack_2786), + (JSCompiler_object_inline_stack_2787.sibling = + JSCompiler_object_inline_componentStack_2788), + (workInProgress.child = JSCompiler_object_inline_stack_2787), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2786 = workInProgress.child), - (JSCompiler_object_inline_stack_2786.memoizedState = + (JSCompiler_object_inline_stack_2787 = workInProgress.child), + (JSCompiler_object_inline_stack_2787.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2786.childLanes = + (JSCompiler_object_inline_stack_2787.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2785, + JSCompiler_object_inline_digest_2786, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2787)); + JSCompiler_object_inline_componentStack_2788)); 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_2784)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2785)) ) { - JSCompiler_object_inline_digest_2785 = - JSCompiler_object_inline_message_2784.nextSibling && - JSCompiler_object_inline_message_2784.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2785) { - JSCompiler_temp = JSCompiler_object_inline_digest_2785.dgst; - var message = JSCompiler_object_inline_digest_2785.msg; - instance = JSCompiler_object_inline_digest_2785.stck; - var componentStack = JSCompiler_object_inline_digest_2785.cstck; + JSCompiler_object_inline_digest_2786 = + JSCompiler_object_inline_message_2785.nextSibling && + JSCompiler_object_inline_message_2785.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2786) { + JSCompiler_temp = JSCompiler_object_inline_digest_2786.dgst; + var message = JSCompiler_object_inline_digest_2786.msg; + instance = JSCompiler_object_inline_digest_2786.stck; + var componentStack = JSCompiler_object_inline_digest_2786.cstck; } - JSCompiler_object_inline_message_2784 = message; - JSCompiler_object_inline_digest_2785 = JSCompiler_temp; - JSCompiler_object_inline_stack_2786 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2787 = + JSCompiler_object_inline_message_2785 = message; + JSCompiler_object_inline_digest_2786 = JSCompiler_temp; + JSCompiler_object_inline_stack_2787 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2788 = componentStack; - JSCompiler_object_inline_componentStack_2787 = - JSCompiler_object_inline_message_2784 - ? Error(JSCompiler_object_inline_message_2784) + JSCompiler_object_inline_componentStack_2788 = + JSCompiler_object_inline_message_2785 + ? Error(JSCompiler_object_inline_message_2785) : 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_2787.stack = - JSCompiler_object_inline_stack_2786 || ""; - JSCompiler_object_inline_componentStack_2787.digest = - JSCompiler_object_inline_digest_2785; - JSCompiler_object_inline_digest_2785 = + JSCompiler_object_inline_componentStack_2788.stack = + JSCompiler_object_inline_stack_2787 || ""; + JSCompiler_object_inline_componentStack_2788.digest = + JSCompiler_object_inline_digest_2786; + JSCompiler_object_inline_digest_2786 = void 0 === JSCompiler_temp ? null : JSCompiler_temp; - JSCompiler_object_inline_stack_2786 = { - value: JSCompiler_object_inline_componentStack_2787, + JSCompiler_object_inline_stack_2787 = { + value: JSCompiler_object_inline_componentStack_2788, source: null, - stack: JSCompiler_object_inline_digest_2785 + stack: JSCompiler_object_inline_digest_2786 }; - "string" === typeof JSCompiler_object_inline_digest_2785 && + "string" === typeof JSCompiler_object_inline_digest_2786 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2787, - JSCompiler_object_inline_stack_2786 + JSCompiler_object_inline_componentStack_2788, + JSCompiler_object_inline_stack_2787 ); - queueHydrationError(JSCompiler_object_inline_stack_2786); + queueHydrationError(JSCompiler_object_inline_stack_2787); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9875,44 +9869,44 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2785 = + (JSCompiler_object_inline_digest_2786 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2785) + didReceiveUpdate || JSCompiler_object_inline_digest_2786) ) { - JSCompiler_object_inline_digest_2785 = workInProgressRoot; + JSCompiler_object_inline_digest_2786 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_digest_2785 && - ((JSCompiler_object_inline_stack_2786 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2786 = - 0 !== (JSCompiler_object_inline_stack_2786 & 42) + null !== JSCompiler_object_inline_digest_2786 && + ((JSCompiler_object_inline_stack_2787 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2787 = + 0 !== (JSCompiler_object_inline_stack_2787 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2786 + JSCompiler_object_inline_stack_2787 )), - (JSCompiler_object_inline_stack_2786 = + (JSCompiler_object_inline_stack_2787 = 0 !== - (JSCompiler_object_inline_stack_2786 & - (JSCompiler_object_inline_digest_2785.suspendedLanes | + (JSCompiler_object_inline_stack_2787 & + (JSCompiler_object_inline_digest_2786.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2786), - 0 !== JSCompiler_object_inline_stack_2786 && - JSCompiler_object_inline_stack_2786 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2787), + 0 !== JSCompiler_object_inline_stack_2787 && + JSCompiler_object_inline_stack_2787 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2786), + ((prevState.retryLane = JSCompiler_object_inline_stack_2787), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2786 + JSCompiler_object_inline_stack_2787 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2785, + JSCompiler_object_inline_digest_2786, current, - JSCompiler_object_inline_stack_2786 + JSCompiler_object_inline_stack_2787 ), SelectiveHydrationException) ); - JSCompiler_object_inline_message_2784.data === + JSCompiler_object_inline_message_2785.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9920,14 +9914,14 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2784.data === + JSCompiler_object_inline_message_2785.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2784.nextSibling + JSCompiler_object_inline_message_2785.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9945,57 +9939,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2786.children + JSCompiler_object_inline_stack_2787.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2787) + if (JSCompiler_object_inline_componentStack_2788) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2787 = - JSCompiler_object_inline_stack_2786.fallback), - (JSCompiler_object_inline_message_2784 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2788 = + JSCompiler_object_inline_stack_2787.fallback), + (JSCompiler_object_inline_message_2785 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2786 = createWorkInProgress( + (JSCompiler_object_inline_stack_2787 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2786.children + children: JSCompiler_object_inline_stack_2787.children } )), - (JSCompiler_object_inline_stack_2786.subtreeFlags = + (JSCompiler_object_inline_stack_2787.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_componentStack_2787 = + ? (JSCompiler_object_inline_componentStack_2788 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2787 + JSCompiler_object_inline_componentStack_2788 )) - : ((JSCompiler_object_inline_componentStack_2787 = + : ((JSCompiler_object_inline_componentStack_2788 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2787, - JSCompiler_object_inline_message_2784, + JSCompiler_object_inline_componentStack_2788, + JSCompiler_object_inline_message_2785, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2787.flags |= 2)), - (JSCompiler_object_inline_componentStack_2787.return = + (JSCompiler_object_inline_componentStack_2788.flags |= 2)), + (JSCompiler_object_inline_componentStack_2788.return = workInProgress), - (JSCompiler_object_inline_stack_2786.return = workInProgress), - (JSCompiler_object_inline_stack_2786.sibling = - JSCompiler_object_inline_componentStack_2787), - (workInProgress.child = JSCompiler_object_inline_stack_2786), - (JSCompiler_object_inline_stack_2786 = - JSCompiler_object_inline_componentStack_2787), - (JSCompiler_object_inline_componentStack_2787 = workInProgress.child), - (JSCompiler_object_inline_message_2784 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2784 - ? (JSCompiler_object_inline_message_2784 = + (JSCompiler_object_inline_stack_2787.return = workInProgress), + (JSCompiler_object_inline_stack_2787.sibling = + JSCompiler_object_inline_componentStack_2788), + (workInProgress.child = JSCompiler_object_inline_stack_2787), + (JSCompiler_object_inline_stack_2787 = + JSCompiler_object_inline_componentStack_2788), + (JSCompiler_object_inline_componentStack_2788 = workInProgress.child), + (JSCompiler_object_inline_message_2785 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2785 + ? (JSCompiler_object_inline_message_2785 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2784.cachePool), + JSCompiler_object_inline_message_2785.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -10003,34 +9997,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2784 = { + (JSCompiler_object_inline_message_2785 = { baseLanes: - JSCompiler_object_inline_message_2784.baseLanes | renderLanes, + JSCompiler_object_inline_message_2785.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2787.memoizedState = - JSCompiler_object_inline_message_2784), + (JSCompiler_object_inline_componentStack_2788.memoizedState = + JSCompiler_object_inline_message_2785), enableTransitionTracing && - ((JSCompiler_object_inline_message_2784 = enableTransitionTracing + ((JSCompiler_object_inline_message_2785 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2784 && + null !== JSCompiler_object_inline_message_2785 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2787.updateQueue), + JSCompiler_object_inline_componentStack_2788.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2787.updateQueue = { - transitions: JSCompiler_object_inline_message_2784, + ? (JSCompiler_object_inline_componentStack_2788.updateQueue = { + transitions: JSCompiler_object_inline_message_2785, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2787.updateQueue = + ? (JSCompiler_object_inline_componentStack_2788.updateQueue = { - transitions: JSCompiler_object_inline_message_2784, + transitions: JSCompiler_object_inline_message_2785, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -10038,32 +10032,32 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2784), + JSCompiler_object_inline_message_2785), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2787.childLanes = + (JSCompiler_object_inline_componentStack_2788.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2785, + JSCompiler_object_inline_digest_2786, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2786 + JSCompiler_object_inline_stack_2787 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2786.children + children: JSCompiler_object_inline_stack_2787.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2785 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2785 + ((JSCompiler_object_inline_digest_2786 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2786 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2785.push(current)); + : JSCompiler_object_inline_digest_2786.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -11329,6 +11323,19 @@ __DEV__ && } isHydrating && pushMaterializedTreeId(workInProgress); } + if (void 0 !== pendingProps.className) { + var example = + "string" === typeof pendingProps.className + ? JSON.stringify(pendingProps.className) + : "{...}"; + didWarnAboutClassNameOnViewTransition[example] || + ((didWarnAboutClassNameOnViewTransition[example] = !0), + console.error( + ' doesn\'t accept a "className" prop. It has been renamed to "default".\n- \n+ ', + example, + example + )); + } null !== current && current.memoizedProps.name !== pendingProps.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress); @@ -13185,7 +13192,7 @@ __DEV__ && "Found a pair with an auto name. This is a bug in React." ); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -13205,7 +13212,7 @@ __DEV__ && props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -13244,7 +13251,7 @@ __DEV__ && var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -13283,7 +13290,7 @@ __DEV__ && ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -13316,7 +13323,7 @@ __DEV__ && if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -13452,10 +13459,7 @@ __DEV__ && var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName( - props.className, - props.update - ); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -13754,7 +13758,7 @@ __DEV__ && )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -15182,7 +15186,7 @@ __DEV__ && root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); var className = getViewTransitionClassName( - props.className, + props.default, props.update ); "none" === className @@ -28533,6 +28537,7 @@ __DEV__ && var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; var didWarnAboutDefaultPropsOnFunctionComponent = {}; + var didWarnAboutClassNameOnViewTransition = {}; var updateLegacyHiddenComponent = updateOffscreenComponent, SUSPENDED_MARKER = { dehydrated: null, @@ -29680,11 +29685,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-www-modern-a5297ece-20250326" !== isomorphicReactPackageVersion) + if ("19.1.0-www-modern-e0c99c4e-20250326" !== 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-www-modern-a5297ece-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-www-modern-e0c99c4e-20250326\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -29727,10 +29732,10 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.1.0-www-modern-a5297ece-20250326", + version: "19.1.0-www-modern-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -30328,7 +30333,7 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-www-modern-a5297ece-20250326"; + exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOM-prod.classic.js b/compiled/facebook-www/ReactDOM-prod.classic.js index d2aae6b401..da53be8922 100644 --- a/compiled/facebook-www/ReactDOM-prod.classic.js +++ b/compiled/facebook-www/ReactDOM-prod.classic.js @@ -1974,13 +1974,7 @@ function getClassNameByType(classByType) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -8907,7 +8901,7 @@ function commitAppearingPairViewTransitions(placement) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -8927,7 +8921,7 @@ function commitEnterViewTransitions(placement, gesture) { props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -8966,7 +8960,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -9002,7 +8996,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -9035,7 +9029,7 @@ function commitNestedViewTransitions(changedParent) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -9169,7 +9163,7 @@ function measureNestedViewTransitions(changedParent, gesture) { var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName(props.className, props.update); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -9441,7 +9435,7 @@ function commitBeforeMutationEffects_complete( current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName(flags.className, flags.update)), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && applyViewTransitionToHostInstances( current.child, @@ -10701,10 +10695,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { state = finishedWork.stateNode; root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); - var className = getViewTransitionClassName( - props.className, - props.update - ); + var className = getViewTransitionClassName(props.default, props.update); "none" === className ? (current = !1) : ((props = current.memoizedState), @@ -18791,14 +18782,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_1974 = React.version; if ( - "19.1.0-www-classic-a5297ece-20250326" !== + "19.1.0-www-classic-e0c99c4e-20250326" !== isomorphicReactPackageVersion$jscomp$inline_1974 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1974, - "19.1.0-www-classic-a5297ece-20250326" + "19.1.0-www-classic-e0c99c4e-20250326" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -18816,10 +18807,10 @@ Internals.Events = [ ]; var internals$jscomp$inline_2558 = { bundleType: 0, - version: "19.1.0-www-classic-a5297ece-20250326", + version: "19.1.0-www-classic-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2559 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -19183,4 +19174,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-www-classic-a5297ece-20250326"; +exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/ReactDOM-prod.modern.js b/compiled/facebook-www/ReactDOM-prod.modern.js index d8c7795874..e2bbb381dc 100644 --- a/compiled/facebook-www/ReactDOM-prod.modern.js +++ b/compiled/facebook-www/ReactDOM-prod.modern.js @@ -1818,13 +1818,7 @@ function getClassNameByType(classByType) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -8651,7 +8645,7 @@ function commitAppearingPairViewTransitions(placement) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -8671,7 +8665,7 @@ function commitEnterViewTransitions(placement, gesture) { props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -8710,7 +8704,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -8746,7 +8740,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -8779,7 +8773,7 @@ function commitNestedViewTransitions(changedParent) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -8913,7 +8907,7 @@ function measureNestedViewTransitions(changedParent, gesture) { var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName(props.className, props.update); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -9185,7 +9179,7 @@ function commitBeforeMutationEffects_complete( current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName(flags.className, flags.update)), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && applyViewTransitionToHostInstances( current.child, @@ -10445,10 +10439,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { state = finishedWork.stateNode; root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); - var className = getViewTransitionClassName( - props.className, - props.update - ); + var className = getViewTransitionClassName(props.default, props.update); "none" === className ? (current = !1) : ((props = current.memoizedState), @@ -18520,14 +18511,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_1964 = React.version; if ( - "19.1.0-www-modern-a5297ece-20250326" !== + "19.1.0-www-modern-e0c99c4e-20250326" !== isomorphicReactPackageVersion$jscomp$inline_1964 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1964, - "19.1.0-www-modern-a5297ece-20250326" + "19.1.0-www-modern-e0c99c4e-20250326" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -18545,10 +18536,10 @@ Internals.Events = [ ]; var internals$jscomp$inline_2540 = { bundleType: 0, - version: "19.1.0-www-modern-a5297ece-20250326", + version: "19.1.0-www-modern-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2541 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -18912,4 +18903,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-www-modern-a5297ece-20250326"; +exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/ReactDOM-profiling.classic.js b/compiled/facebook-www/ReactDOM-profiling.classic.js index 5ff10cfde0..a66f3efbcd 100644 --- a/compiled/facebook-www/ReactDOM-profiling.classic.js +++ b/compiled/facebook-www/ReactDOM-profiling.classic.js @@ -2087,13 +2087,7 @@ function getClassNameByType(classByType) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -9714,7 +9708,7 @@ function commitAppearingPairViewTransitions(placement) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -9734,7 +9728,7 @@ function commitEnterViewTransitions(placement, gesture) { props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -9773,7 +9767,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -9809,7 +9803,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -9842,7 +9836,7 @@ function commitNestedViewTransitions(changedParent) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -9976,7 +9970,7 @@ function measureNestedViewTransitions(changedParent, gesture) { var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName(props.className, props.update); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -10250,7 +10244,7 @@ function commitBeforeMutationEffects_complete( current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName(flags.className, flags.update)), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && applyViewTransitionToHostInstances( current.child, @@ -11593,10 +11587,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { state = finishedWork.stateNode; root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); - var className = getViewTransitionClassName( - props.className, - props.update - ); + var className = getViewTransitionClassName(props.default, props.update); "none" === className ? (current = !1) : ((props = current.memoizedState), @@ -20524,14 +20515,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_2134 = React.version; if ( - "19.1.0-www-classic-a5297ece-20250326" !== + "19.1.0-www-classic-e0c99c4e-20250326" !== isomorphicReactPackageVersion$jscomp$inline_2134 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2134, - "19.1.0-www-classic-a5297ece-20250326" + "19.1.0-www-classic-e0c99c4e-20250326" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -20549,10 +20540,10 @@ Internals.Events = [ ]; var internals$jscomp$inline_2136 = { bundleType: 0, - version: "19.1.0-www-classic-a5297ece-20250326", + version: "19.1.0-www-classic-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; enableSchedulingProfiler && ((internals$jscomp$inline_2136.getLaneLabelMap = getLaneLabelMap), @@ -20919,7 +20910,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-www-classic-a5297ece-20250326"; +exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOM-profiling.modern.js b/compiled/facebook-www/ReactDOM-profiling.modern.js index 7626d0ee1e..af2a20391f 100644 --- a/compiled/facebook-www/ReactDOM-profiling.modern.js +++ b/compiled/facebook-www/ReactDOM-profiling.modern.js @@ -2001,13 +2001,7 @@ function getClassNameByType(classByType) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -9527,7 +9521,7 @@ function commitAppearingPairViewTransitions(placement) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -9547,7 +9541,7 @@ function commitEnterViewTransitions(placement, gesture) { props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -9586,7 +9580,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -9622,7 +9616,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -9655,7 +9649,7 @@ function commitNestedViewTransitions(changedParent) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -9789,7 +9783,7 @@ function measureNestedViewTransitions(changedParent, gesture) { var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName(props.className, props.update); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -10063,7 +10057,7 @@ function commitBeforeMutationEffects_complete( current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName(flags.className, flags.update)), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && applyViewTransitionToHostInstances( current.child, @@ -11406,10 +11400,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { state = finishedWork.stateNode; root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); - var className = getViewTransitionClassName( - props.className, - props.update - ); + var className = getViewTransitionClassName(props.default, props.update); "none" === className ? (current = !1) : ((props = current.memoizedState), @@ -20322,14 +20313,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_2124 = React.version; if ( - "19.1.0-www-modern-a5297ece-20250326" !== + "19.1.0-www-modern-e0c99c4e-20250326" !== isomorphicReactPackageVersion$jscomp$inline_2124 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2124, - "19.1.0-www-modern-a5297ece-20250326" + "19.1.0-www-modern-e0c99c4e-20250326" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -20347,10 +20338,10 @@ Internals.Events = [ ]; var internals$jscomp$inline_2126 = { bundleType: 0, - version: "19.1.0-www-modern-a5297ece-20250326", + version: "19.1.0-www-modern-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; enableSchedulingProfiler && ((internals$jscomp$inline_2126.getLaneLabelMap = getLaneLabelMap), @@ -20717,7 +20708,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-www-modern-a5297ece-20250326"; +exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOMServer-dev.classic.js b/compiled/facebook-www/ReactDOMServer-dev.classic.js index 1071b0e2f9..a1445a7195 100644 --- a/compiled/facebook-www/ReactDOMServer-dev.classic.js +++ b/compiled/facebook-www/ReactDOMServer-dev.classic.js @@ -9440,5 +9440,5 @@ __DEV__ && 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; - exports.version = "19.1.0-www-classic-a5297ece-20250326"; + exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; })(); diff --git a/compiled/facebook-www/ReactDOMServer-dev.modern.js b/compiled/facebook-www/ReactDOMServer-dev.modern.js index dbea51b662..8ae1448c2b 100644 --- a/compiled/facebook-www/ReactDOMServer-dev.modern.js +++ b/compiled/facebook-www/ReactDOMServer-dev.modern.js @@ -9369,5 +9369,5 @@ __DEV__ && 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; - exports.version = "19.1.0-www-modern-a5297ece-20250326"; + exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; })(); diff --git a/compiled/facebook-www/ReactDOMServer-prod.classic.js b/compiled/facebook-www/ReactDOMServer-prod.classic.js index c489d2ff8e..7ac2cfefd3 100644 --- a/compiled/facebook-www/ReactDOMServer-prod.classic.js +++ b/compiled/facebook-www/ReactDOMServer-prod.classic.js @@ -6203,4 +6203,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; -exports.version = "19.1.0-www-classic-a5297ece-20250326"; +exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/ReactDOMServer-prod.modern.js b/compiled/facebook-www/ReactDOMServer-prod.modern.js index 8cb77341de..4bd1a79288 100644 --- a/compiled/facebook-www/ReactDOMServer-prod.modern.js +++ b/compiled/facebook-www/ReactDOMServer-prod.modern.js @@ -6115,4 +6115,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; -exports.version = "19.1.0-www-modern-a5297ece-20250326"; +exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/ReactDOMTesting-dev.classic.js b/compiled/facebook-www/ReactDOMTesting-dev.classic.js index 4060e3f5ce..5a9f4df5ae 100644 --- a/compiled/facebook-www/ReactDOMTesting-dev.classic.js +++ b/compiled/facebook-www/ReactDOMTesting-dev.classic.js @@ -3859,13 +3859,7 @@ __DEV__ && function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -9818,32 +9812,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2824; - var JSCompiler_object_inline_stack_2825 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2825; + var JSCompiler_object_inline_stack_2826 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2826 = !1; + var JSCompiler_object_inline_componentStack_2827 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2824 = didSuspend) || - (JSCompiler_object_inline_digest_2824 = + (JSCompiler_object_inline_digest_2825 = didSuspend) || + (JSCompiler_object_inline_digest_2825 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2824 && - ((JSCompiler_object_inline_componentStack_2826 = !0), + JSCompiler_object_inline_digest_2825 && + ((JSCompiler_object_inline_componentStack_2827 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2824 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2825 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2826 + JSCompiler_object_inline_componentStack_2827 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2823 = nextHydratableInstance; + var JSCompiler_object_inline_message_2824 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2823)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2824)) { c: { - var instance = JSCompiler_object_inline_message_2823; + var instance = JSCompiler_object_inline_message_2824; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -9885,46 +9879,46 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2823 + JSCompiler_object_inline_message_2824 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2823 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2824 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2823 && - ((JSCompiler_object_inline_message_2823 = - JSCompiler_object_inline_message_2823.dehydrated), - null !== JSCompiler_object_inline_message_2823) + null !== JSCompiler_object_inline_message_2824 && + ((JSCompiler_object_inline_message_2824 = + JSCompiler_object_inline_message_2824.dehydrated), + null !== JSCompiler_object_inline_message_2824) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2823) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2824) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2823 = - JSCompiler_object_inline_stack_2825.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2825.fallback; - if (JSCompiler_object_inline_componentStack_2826) + JSCompiler_object_inline_message_2824 = + JSCompiler_object_inline_stack_2826.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2826.fallback; + if (JSCompiler_object_inline_componentStack_2827) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2825 = + (JSCompiler_object_inline_stack_2826 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2823, + JSCompiler_object_inline_message_2824, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2826 = + (JSCompiler_object_inline_componentStack_2827 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2826.memoizedState = + (JSCompiler_object_inline_componentStack_2827.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2826.childLanes = + (JSCompiler_object_inline_componentStack_2827.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2824, + JSCompiler_object_inline_digest_2825, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9937,9 +9931,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2826.updateQueue), + JSCompiler_object_inline_componentStack_2827.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2826.updateQueue = + ? (JSCompiler_object_inline_componentStack_2827.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -9947,46 +9941,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2825 + JSCompiler_object_inline_stack_2826 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2825.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2826.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2825 = + (JSCompiler_object_inline_stack_2826 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2823, + JSCompiler_object_inline_message_2824, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2826 = + (JSCompiler_object_inline_componentStack_2827 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2826.memoizedState = + (JSCompiler_object_inline_componentStack_2827.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2826.childLanes = + (JSCompiler_object_inline_componentStack_2827.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2824, + JSCompiler_object_inline_digest_2825, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2825 + JSCompiler_object_inline_stack_2826 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2823 + JSCompiler_object_inline_message_2824 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2823 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2823) + ((JSCompiler_object_inline_message_2824 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2824) ) { if (didSuspend) workInProgress.flags & 256 @@ -10003,94 +9997,94 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2826 = - JSCompiler_object_inline_stack_2825.fallback), - (JSCompiler_object_inline_message_2823 = workInProgress.mode), - (JSCompiler_object_inline_stack_2825 = + (JSCompiler_object_inline_componentStack_2827 = + JSCompiler_object_inline_stack_2826.fallback), + (JSCompiler_object_inline_message_2824 = workInProgress.mode), + (JSCompiler_object_inline_stack_2826 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2825.children + children: JSCompiler_object_inline_stack_2826.children }, - JSCompiler_object_inline_message_2823 + JSCompiler_object_inline_message_2824 )), - (JSCompiler_object_inline_componentStack_2826 = + (JSCompiler_object_inline_componentStack_2827 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2826, - JSCompiler_object_inline_message_2823, + JSCompiler_object_inline_componentStack_2827, + JSCompiler_object_inline_message_2824, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2826.flags |= 2), - (JSCompiler_object_inline_stack_2825.return = workInProgress), - (JSCompiler_object_inline_componentStack_2826.return = + (JSCompiler_object_inline_componentStack_2827.flags |= 2), + (JSCompiler_object_inline_stack_2826.return = workInProgress), + (JSCompiler_object_inline_componentStack_2827.return = workInProgress), - (JSCompiler_object_inline_stack_2825.sibling = - JSCompiler_object_inline_componentStack_2826), - (workInProgress.child = JSCompiler_object_inline_stack_2825), + (JSCompiler_object_inline_stack_2826.sibling = + JSCompiler_object_inline_componentStack_2827), + (workInProgress.child = JSCompiler_object_inline_stack_2826), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2825 = workInProgress.child), - (JSCompiler_object_inline_stack_2825.memoizedState = + (JSCompiler_object_inline_stack_2826 = workInProgress.child), + (JSCompiler_object_inline_stack_2826.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2825.childLanes = + (JSCompiler_object_inline_stack_2826.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2824, + JSCompiler_object_inline_digest_2825, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2826)); + JSCompiler_object_inline_componentStack_2827)); 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_2823)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2824)) ) { - JSCompiler_object_inline_digest_2824 = - JSCompiler_object_inline_message_2823.nextSibling && - JSCompiler_object_inline_message_2823.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2824) { - JSCompiler_temp = JSCompiler_object_inline_digest_2824.dgst; - var message = JSCompiler_object_inline_digest_2824.msg; - instance = JSCompiler_object_inline_digest_2824.stck; - var componentStack = JSCompiler_object_inline_digest_2824.cstck; + JSCompiler_object_inline_digest_2825 = + JSCompiler_object_inline_message_2824.nextSibling && + JSCompiler_object_inline_message_2824.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2825) { + JSCompiler_temp = JSCompiler_object_inline_digest_2825.dgst; + var message = JSCompiler_object_inline_digest_2825.msg; + instance = JSCompiler_object_inline_digest_2825.stck; + var componentStack = JSCompiler_object_inline_digest_2825.cstck; } - JSCompiler_object_inline_message_2823 = message; - JSCompiler_object_inline_digest_2824 = JSCompiler_temp; - JSCompiler_object_inline_stack_2825 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2826 = + JSCompiler_object_inline_message_2824 = message; + JSCompiler_object_inline_digest_2825 = JSCompiler_temp; + JSCompiler_object_inline_stack_2826 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2827 = componentStack; - JSCompiler_object_inline_componentStack_2826 = - JSCompiler_object_inline_message_2823 - ? Error(JSCompiler_object_inline_message_2823) + JSCompiler_object_inline_componentStack_2827 = + JSCompiler_object_inline_message_2824 + ? Error(JSCompiler_object_inline_message_2824) : 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_2826.stack = - JSCompiler_object_inline_stack_2825 || ""; - JSCompiler_object_inline_componentStack_2826.digest = - JSCompiler_object_inline_digest_2824; - JSCompiler_object_inline_digest_2824 = + JSCompiler_object_inline_componentStack_2827.stack = + JSCompiler_object_inline_stack_2826 || ""; + JSCompiler_object_inline_componentStack_2827.digest = + JSCompiler_object_inline_digest_2825; + JSCompiler_object_inline_digest_2825 = void 0 === JSCompiler_temp ? null : JSCompiler_temp; - JSCompiler_object_inline_stack_2825 = { - value: JSCompiler_object_inline_componentStack_2826, + JSCompiler_object_inline_stack_2826 = { + value: JSCompiler_object_inline_componentStack_2827, source: null, - stack: JSCompiler_object_inline_digest_2824 + stack: JSCompiler_object_inline_digest_2825 }; - "string" === typeof JSCompiler_object_inline_digest_2824 && + "string" === typeof JSCompiler_object_inline_digest_2825 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2826, - JSCompiler_object_inline_stack_2825 + JSCompiler_object_inline_componentStack_2827, + JSCompiler_object_inline_stack_2826 ); - queueHydrationError(JSCompiler_object_inline_stack_2825); + queueHydrationError(JSCompiler_object_inline_stack_2826); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -10104,44 +10098,44 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2824 = + (JSCompiler_object_inline_digest_2825 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2824) + didReceiveUpdate || JSCompiler_object_inline_digest_2825) ) { - JSCompiler_object_inline_digest_2824 = workInProgressRoot; + JSCompiler_object_inline_digest_2825 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_digest_2824 && - ((JSCompiler_object_inline_stack_2825 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2825 = - 0 !== (JSCompiler_object_inline_stack_2825 & 42) + null !== JSCompiler_object_inline_digest_2825 && + ((JSCompiler_object_inline_stack_2826 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2826 = + 0 !== (JSCompiler_object_inline_stack_2826 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2825 + JSCompiler_object_inline_stack_2826 )), - (JSCompiler_object_inline_stack_2825 = + (JSCompiler_object_inline_stack_2826 = 0 !== - (JSCompiler_object_inline_stack_2825 & - (JSCompiler_object_inline_digest_2824.suspendedLanes | + (JSCompiler_object_inline_stack_2826 & + (JSCompiler_object_inline_digest_2825.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2825), - 0 !== JSCompiler_object_inline_stack_2825 && - JSCompiler_object_inline_stack_2825 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2826), + 0 !== JSCompiler_object_inline_stack_2826 && + JSCompiler_object_inline_stack_2826 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2825), + ((prevState.retryLane = JSCompiler_object_inline_stack_2826), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2825 + JSCompiler_object_inline_stack_2826 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2824, + JSCompiler_object_inline_digest_2825, current, - JSCompiler_object_inline_stack_2825 + JSCompiler_object_inline_stack_2826 ), SelectiveHydrationException) ); - JSCompiler_object_inline_message_2823.data === + JSCompiler_object_inline_message_2824.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10149,14 +10143,14 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2823.data === + JSCompiler_object_inline_message_2824.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2823.nextSibling + JSCompiler_object_inline_message_2824.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10174,57 +10168,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2825.children + JSCompiler_object_inline_stack_2826.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2826) + if (JSCompiler_object_inline_componentStack_2827) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2826 = - JSCompiler_object_inline_stack_2825.fallback), - (JSCompiler_object_inline_message_2823 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2827 = + JSCompiler_object_inline_stack_2826.fallback), + (JSCompiler_object_inline_message_2824 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2825 = createWorkInProgress( + (JSCompiler_object_inline_stack_2826 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2825.children + children: JSCompiler_object_inline_stack_2826.children } )), - (JSCompiler_object_inline_stack_2825.subtreeFlags = + (JSCompiler_object_inline_stack_2826.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_componentStack_2826 = + ? (JSCompiler_object_inline_componentStack_2827 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2826 + JSCompiler_object_inline_componentStack_2827 )) - : ((JSCompiler_object_inline_componentStack_2826 = + : ((JSCompiler_object_inline_componentStack_2827 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2826, - JSCompiler_object_inline_message_2823, + JSCompiler_object_inline_componentStack_2827, + JSCompiler_object_inline_message_2824, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2826.flags |= 2)), - (JSCompiler_object_inline_componentStack_2826.return = + (JSCompiler_object_inline_componentStack_2827.flags |= 2)), + (JSCompiler_object_inline_componentStack_2827.return = workInProgress), - (JSCompiler_object_inline_stack_2825.return = workInProgress), - (JSCompiler_object_inline_stack_2825.sibling = - JSCompiler_object_inline_componentStack_2826), - (workInProgress.child = JSCompiler_object_inline_stack_2825), - (JSCompiler_object_inline_stack_2825 = - JSCompiler_object_inline_componentStack_2826), - (JSCompiler_object_inline_componentStack_2826 = workInProgress.child), - (JSCompiler_object_inline_message_2823 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2823 - ? (JSCompiler_object_inline_message_2823 = + (JSCompiler_object_inline_stack_2826.return = workInProgress), + (JSCompiler_object_inline_stack_2826.sibling = + JSCompiler_object_inline_componentStack_2827), + (workInProgress.child = JSCompiler_object_inline_stack_2826), + (JSCompiler_object_inline_stack_2826 = + JSCompiler_object_inline_componentStack_2827), + (JSCompiler_object_inline_componentStack_2827 = workInProgress.child), + (JSCompiler_object_inline_message_2824 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2824 + ? (JSCompiler_object_inline_message_2824 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2823.cachePool), + JSCompiler_object_inline_message_2824.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -10232,34 +10226,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2823 = { + (JSCompiler_object_inline_message_2824 = { baseLanes: - JSCompiler_object_inline_message_2823.baseLanes | renderLanes, + JSCompiler_object_inline_message_2824.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2826.memoizedState = - JSCompiler_object_inline_message_2823), + (JSCompiler_object_inline_componentStack_2827.memoizedState = + JSCompiler_object_inline_message_2824), enableTransitionTracing && - ((JSCompiler_object_inline_message_2823 = enableTransitionTracing + ((JSCompiler_object_inline_message_2824 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2823 && + null !== JSCompiler_object_inline_message_2824 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2826.updateQueue), + JSCompiler_object_inline_componentStack_2827.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2826.updateQueue = { - transitions: JSCompiler_object_inline_message_2823, + ? (JSCompiler_object_inline_componentStack_2827.updateQueue = { + transitions: JSCompiler_object_inline_message_2824, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2826.updateQueue = + ? (JSCompiler_object_inline_componentStack_2827.updateQueue = { - transitions: JSCompiler_object_inline_message_2823, + transitions: JSCompiler_object_inline_message_2824, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -10267,32 +10261,32 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2823), + JSCompiler_object_inline_message_2824), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2826.childLanes = + (JSCompiler_object_inline_componentStack_2827.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2824, + JSCompiler_object_inline_digest_2825, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2825 + JSCompiler_object_inline_stack_2826 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2825.children + children: JSCompiler_object_inline_stack_2826.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2824 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2824 + ((JSCompiler_object_inline_digest_2825 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2825 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2824.push(current)); + : JSCompiler_object_inline_digest_2825.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -11557,6 +11551,19 @@ __DEV__ && } isHydrating && pushMaterializedTreeId(workInProgress); } + if (void 0 !== pendingProps.className) { + var example = + "string" === typeof pendingProps.className + ? JSON.stringify(pendingProps.className) + : "{...}"; + didWarnAboutClassNameOnViewTransition[example] || + ((didWarnAboutClassNameOnViewTransition[example] = !0), + console.error( + ' doesn\'t accept a "className" prop. It has been renamed to "default".\n- \n+ ', + example, + example + )); + } null !== current && current.memoizedProps.name !== pendingProps.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress); @@ -13427,7 +13434,7 @@ __DEV__ && "Found a pair with an auto name. This is a bug in React." ); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -13447,7 +13454,7 @@ __DEV__ && props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -13486,7 +13493,7 @@ __DEV__ && var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -13525,7 +13532,7 @@ __DEV__ && ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -13558,7 +13565,7 @@ __DEV__ && if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -13694,10 +13701,7 @@ __DEV__ && var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName( - props.className, - props.update - ); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -13996,7 +14000,7 @@ __DEV__ && )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -15424,7 +15428,7 @@ __DEV__ && root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); var className = getViewTransitionClassName( - props.className, + props.default, props.update ); "none" === className @@ -29062,6 +29066,7 @@ __DEV__ && var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; var didWarnAboutDefaultPropsOnFunctionComponent = {}; + var didWarnAboutClassNameOnViewTransition = {}; var updateLegacyHiddenComponent = updateOffscreenComponent, SUSPENDED_MARKER = { dehydrated: null, @@ -30215,11 +30220,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-www-classic-a5297ece-20250326" !== isomorphicReactPackageVersion) + if ("19.1.0-www-classic-e0c99c4e-20250326" !== 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-www-classic-a5297ece-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-www-classic-e0c99c4e-20250326\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -30262,10 +30267,10 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.1.0-www-classic-a5297ece-20250326", + version: "19.1.0-www-classic-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -31029,5 +31034,5 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-www-classic-a5297ece-20250326"; + exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; })(); diff --git a/compiled/facebook-www/ReactDOMTesting-dev.modern.js b/compiled/facebook-www/ReactDOMTesting-dev.modern.js index 027a36ddfe..6a440d5864 100644 --- a/compiled/facebook-www/ReactDOMTesting-dev.modern.js +++ b/compiled/facebook-www/ReactDOMTesting-dev.modern.js @@ -3746,13 +3746,7 @@ __DEV__ && function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -9630,32 +9624,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2819; - var JSCompiler_object_inline_stack_2820 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2820; + var JSCompiler_object_inline_stack_2821 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2821 = !1; + var JSCompiler_object_inline_componentStack_2822 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2819 = didSuspend) || - (JSCompiler_object_inline_digest_2819 = + (JSCompiler_object_inline_digest_2820 = didSuspend) || + (JSCompiler_object_inline_digest_2820 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2819 && - ((JSCompiler_object_inline_componentStack_2821 = !0), + JSCompiler_object_inline_digest_2820 && + ((JSCompiler_object_inline_componentStack_2822 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2819 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2820 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2821 + JSCompiler_object_inline_componentStack_2822 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2818 = nextHydratableInstance; + var JSCompiler_object_inline_message_2819 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2818)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2819)) { c: { - var instance = JSCompiler_object_inline_message_2818; + var instance = JSCompiler_object_inline_message_2819; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -9697,46 +9691,46 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2818 + JSCompiler_object_inline_message_2819 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2818 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2819 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2818 && - ((JSCompiler_object_inline_message_2818 = - JSCompiler_object_inline_message_2818.dehydrated), - null !== JSCompiler_object_inline_message_2818) + null !== JSCompiler_object_inline_message_2819 && + ((JSCompiler_object_inline_message_2819 = + JSCompiler_object_inline_message_2819.dehydrated), + null !== JSCompiler_object_inline_message_2819) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2818) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2819) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2818 = - JSCompiler_object_inline_stack_2820.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2820.fallback; - if (JSCompiler_object_inline_componentStack_2821) + JSCompiler_object_inline_message_2819 = + JSCompiler_object_inline_stack_2821.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2821.fallback; + if (JSCompiler_object_inline_componentStack_2822) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2820 = + (JSCompiler_object_inline_stack_2821 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2818, + JSCompiler_object_inline_message_2819, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2821 = + (JSCompiler_object_inline_componentStack_2822 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2821.memoizedState = + (JSCompiler_object_inline_componentStack_2822.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2821.childLanes = + (JSCompiler_object_inline_componentStack_2822.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2819, + JSCompiler_object_inline_digest_2820, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9749,9 +9743,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2821.updateQueue), + JSCompiler_object_inline_componentStack_2822.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2821.updateQueue = + ? (JSCompiler_object_inline_componentStack_2822.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -9759,46 +9753,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2820 + JSCompiler_object_inline_stack_2821 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2820.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2821.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2820 = + (JSCompiler_object_inline_stack_2821 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2818, + JSCompiler_object_inline_message_2819, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2821 = + (JSCompiler_object_inline_componentStack_2822 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2821.memoizedState = + (JSCompiler_object_inline_componentStack_2822.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2821.childLanes = + (JSCompiler_object_inline_componentStack_2822.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2819, + JSCompiler_object_inline_digest_2820, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2820 + JSCompiler_object_inline_stack_2821 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2818 + JSCompiler_object_inline_message_2819 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2818 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2818) + ((JSCompiler_object_inline_message_2819 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2819) ) { if (didSuspend) workInProgress.flags & 256 @@ -9815,94 +9809,94 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2821 = - JSCompiler_object_inline_stack_2820.fallback), - (JSCompiler_object_inline_message_2818 = workInProgress.mode), - (JSCompiler_object_inline_stack_2820 = + (JSCompiler_object_inline_componentStack_2822 = + JSCompiler_object_inline_stack_2821.fallback), + (JSCompiler_object_inline_message_2819 = workInProgress.mode), + (JSCompiler_object_inline_stack_2821 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2820.children + children: JSCompiler_object_inline_stack_2821.children }, - JSCompiler_object_inline_message_2818 + JSCompiler_object_inline_message_2819 )), - (JSCompiler_object_inline_componentStack_2821 = + (JSCompiler_object_inline_componentStack_2822 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2821, - JSCompiler_object_inline_message_2818, + JSCompiler_object_inline_componentStack_2822, + JSCompiler_object_inline_message_2819, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2821.flags |= 2), - (JSCompiler_object_inline_stack_2820.return = workInProgress), - (JSCompiler_object_inline_componentStack_2821.return = + (JSCompiler_object_inline_componentStack_2822.flags |= 2), + (JSCompiler_object_inline_stack_2821.return = workInProgress), + (JSCompiler_object_inline_componentStack_2822.return = workInProgress), - (JSCompiler_object_inline_stack_2820.sibling = - JSCompiler_object_inline_componentStack_2821), - (workInProgress.child = JSCompiler_object_inline_stack_2820), + (JSCompiler_object_inline_stack_2821.sibling = + JSCompiler_object_inline_componentStack_2822), + (workInProgress.child = JSCompiler_object_inline_stack_2821), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2820 = workInProgress.child), - (JSCompiler_object_inline_stack_2820.memoizedState = + (JSCompiler_object_inline_stack_2821 = workInProgress.child), + (JSCompiler_object_inline_stack_2821.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2820.childLanes = + (JSCompiler_object_inline_stack_2821.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2819, + JSCompiler_object_inline_digest_2820, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2821)); + JSCompiler_object_inline_componentStack_2822)); 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_2818)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2819)) ) { - JSCompiler_object_inline_digest_2819 = - JSCompiler_object_inline_message_2818.nextSibling && - JSCompiler_object_inline_message_2818.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2819) { - JSCompiler_temp = JSCompiler_object_inline_digest_2819.dgst; - var message = JSCompiler_object_inline_digest_2819.msg; - instance = JSCompiler_object_inline_digest_2819.stck; - var componentStack = JSCompiler_object_inline_digest_2819.cstck; + JSCompiler_object_inline_digest_2820 = + JSCompiler_object_inline_message_2819.nextSibling && + JSCompiler_object_inline_message_2819.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2820) { + JSCompiler_temp = JSCompiler_object_inline_digest_2820.dgst; + var message = JSCompiler_object_inline_digest_2820.msg; + instance = JSCompiler_object_inline_digest_2820.stck; + var componentStack = JSCompiler_object_inline_digest_2820.cstck; } - JSCompiler_object_inline_message_2818 = message; - JSCompiler_object_inline_digest_2819 = JSCompiler_temp; - JSCompiler_object_inline_stack_2820 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2821 = + JSCompiler_object_inline_message_2819 = message; + JSCompiler_object_inline_digest_2820 = JSCompiler_temp; + JSCompiler_object_inline_stack_2821 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2822 = componentStack; - JSCompiler_object_inline_componentStack_2821 = - JSCompiler_object_inline_message_2818 - ? Error(JSCompiler_object_inline_message_2818) + JSCompiler_object_inline_componentStack_2822 = + JSCompiler_object_inline_message_2819 + ? Error(JSCompiler_object_inline_message_2819) : 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_2821.stack = - JSCompiler_object_inline_stack_2820 || ""; - JSCompiler_object_inline_componentStack_2821.digest = - JSCompiler_object_inline_digest_2819; - JSCompiler_object_inline_digest_2819 = + JSCompiler_object_inline_componentStack_2822.stack = + JSCompiler_object_inline_stack_2821 || ""; + JSCompiler_object_inline_componentStack_2822.digest = + JSCompiler_object_inline_digest_2820; + JSCompiler_object_inline_digest_2820 = void 0 === JSCompiler_temp ? null : JSCompiler_temp; - JSCompiler_object_inline_stack_2820 = { - value: JSCompiler_object_inline_componentStack_2821, + JSCompiler_object_inline_stack_2821 = { + value: JSCompiler_object_inline_componentStack_2822, source: null, - stack: JSCompiler_object_inline_digest_2819 + stack: JSCompiler_object_inline_digest_2820 }; - "string" === typeof JSCompiler_object_inline_digest_2819 && + "string" === typeof JSCompiler_object_inline_digest_2820 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2821, - JSCompiler_object_inline_stack_2820 + JSCompiler_object_inline_componentStack_2822, + JSCompiler_object_inline_stack_2821 ); - queueHydrationError(JSCompiler_object_inline_stack_2820); + queueHydrationError(JSCompiler_object_inline_stack_2821); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9916,44 +9910,44 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2819 = + (JSCompiler_object_inline_digest_2820 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2819) + didReceiveUpdate || JSCompiler_object_inline_digest_2820) ) { - JSCompiler_object_inline_digest_2819 = workInProgressRoot; + JSCompiler_object_inline_digest_2820 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_digest_2819 && - ((JSCompiler_object_inline_stack_2820 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2820 = - 0 !== (JSCompiler_object_inline_stack_2820 & 42) + null !== JSCompiler_object_inline_digest_2820 && + ((JSCompiler_object_inline_stack_2821 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2821 = + 0 !== (JSCompiler_object_inline_stack_2821 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2820 + JSCompiler_object_inline_stack_2821 )), - (JSCompiler_object_inline_stack_2820 = + (JSCompiler_object_inline_stack_2821 = 0 !== - (JSCompiler_object_inline_stack_2820 & - (JSCompiler_object_inline_digest_2819.suspendedLanes | + (JSCompiler_object_inline_stack_2821 & + (JSCompiler_object_inline_digest_2820.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2820), - 0 !== JSCompiler_object_inline_stack_2820 && - JSCompiler_object_inline_stack_2820 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2821), + 0 !== JSCompiler_object_inline_stack_2821 && + JSCompiler_object_inline_stack_2821 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2820), + ((prevState.retryLane = JSCompiler_object_inline_stack_2821), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2820 + JSCompiler_object_inline_stack_2821 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2819, + JSCompiler_object_inline_digest_2820, current, - JSCompiler_object_inline_stack_2820 + JSCompiler_object_inline_stack_2821 ), SelectiveHydrationException) ); - JSCompiler_object_inline_message_2818.data === + JSCompiler_object_inline_message_2819.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9961,14 +9955,14 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2818.data === + JSCompiler_object_inline_message_2819.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2818.nextSibling + JSCompiler_object_inline_message_2819.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9986,57 +9980,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2820.children + JSCompiler_object_inline_stack_2821.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2821) + if (JSCompiler_object_inline_componentStack_2822) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2821 = - JSCompiler_object_inline_stack_2820.fallback), - (JSCompiler_object_inline_message_2818 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2822 = + JSCompiler_object_inline_stack_2821.fallback), + (JSCompiler_object_inline_message_2819 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2820 = createWorkInProgress( + (JSCompiler_object_inline_stack_2821 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2820.children + children: JSCompiler_object_inline_stack_2821.children } )), - (JSCompiler_object_inline_stack_2820.subtreeFlags = + (JSCompiler_object_inline_stack_2821.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_componentStack_2821 = + ? (JSCompiler_object_inline_componentStack_2822 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2821 + JSCompiler_object_inline_componentStack_2822 )) - : ((JSCompiler_object_inline_componentStack_2821 = + : ((JSCompiler_object_inline_componentStack_2822 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2821, - JSCompiler_object_inline_message_2818, + JSCompiler_object_inline_componentStack_2822, + JSCompiler_object_inline_message_2819, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2821.flags |= 2)), - (JSCompiler_object_inline_componentStack_2821.return = + (JSCompiler_object_inline_componentStack_2822.flags |= 2)), + (JSCompiler_object_inline_componentStack_2822.return = workInProgress), - (JSCompiler_object_inline_stack_2820.return = workInProgress), - (JSCompiler_object_inline_stack_2820.sibling = - JSCompiler_object_inline_componentStack_2821), - (workInProgress.child = JSCompiler_object_inline_stack_2820), - (JSCompiler_object_inline_stack_2820 = - JSCompiler_object_inline_componentStack_2821), - (JSCompiler_object_inline_componentStack_2821 = workInProgress.child), - (JSCompiler_object_inline_message_2818 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2818 - ? (JSCompiler_object_inline_message_2818 = + (JSCompiler_object_inline_stack_2821.return = workInProgress), + (JSCompiler_object_inline_stack_2821.sibling = + JSCompiler_object_inline_componentStack_2822), + (workInProgress.child = JSCompiler_object_inline_stack_2821), + (JSCompiler_object_inline_stack_2821 = + JSCompiler_object_inline_componentStack_2822), + (JSCompiler_object_inline_componentStack_2822 = workInProgress.child), + (JSCompiler_object_inline_message_2819 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2819 + ? (JSCompiler_object_inline_message_2819 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2818.cachePool), + JSCompiler_object_inline_message_2819.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -10044,34 +10038,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2818 = { + (JSCompiler_object_inline_message_2819 = { baseLanes: - JSCompiler_object_inline_message_2818.baseLanes | renderLanes, + JSCompiler_object_inline_message_2819.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2821.memoizedState = - JSCompiler_object_inline_message_2818), + (JSCompiler_object_inline_componentStack_2822.memoizedState = + JSCompiler_object_inline_message_2819), enableTransitionTracing && - ((JSCompiler_object_inline_message_2818 = enableTransitionTracing + ((JSCompiler_object_inline_message_2819 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2818 && + null !== JSCompiler_object_inline_message_2819 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2821.updateQueue), + JSCompiler_object_inline_componentStack_2822.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2821.updateQueue = { - transitions: JSCompiler_object_inline_message_2818, + ? (JSCompiler_object_inline_componentStack_2822.updateQueue = { + transitions: JSCompiler_object_inline_message_2819, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2821.updateQueue = + ? (JSCompiler_object_inline_componentStack_2822.updateQueue = { - transitions: JSCompiler_object_inline_message_2818, + transitions: JSCompiler_object_inline_message_2819, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -10079,32 +10073,32 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2818), + JSCompiler_object_inline_message_2819), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2821.childLanes = + (JSCompiler_object_inline_componentStack_2822.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2819, + JSCompiler_object_inline_digest_2820, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2820 + JSCompiler_object_inline_stack_2821 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2820.children + children: JSCompiler_object_inline_stack_2821.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2819 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2819 + ((JSCompiler_object_inline_digest_2820 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2820 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2819.push(current)); + : JSCompiler_object_inline_digest_2820.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -11370,6 +11364,19 @@ __DEV__ && } isHydrating && pushMaterializedTreeId(workInProgress); } + if (void 0 !== pendingProps.className) { + var example = + "string" === typeof pendingProps.className + ? JSON.stringify(pendingProps.className) + : "{...}"; + didWarnAboutClassNameOnViewTransition[example] || + ((didWarnAboutClassNameOnViewTransition[example] = !0), + console.error( + ' doesn\'t accept a "className" prop. It has been renamed to "default".\n- \n+ ', + example, + example + )); + } null !== current && current.memoizedProps.name !== pendingProps.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress); @@ -13226,7 +13233,7 @@ __DEV__ && "Found a pair with an auto name. This is a bug in React." ); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -13246,7 +13253,7 @@ __DEV__ && props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -13285,7 +13292,7 @@ __DEV__ && var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -13324,7 +13331,7 @@ __DEV__ && ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -13357,7 +13364,7 @@ __DEV__ && if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -13493,10 +13500,7 @@ __DEV__ && var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName( - props.className, - props.update - ); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -13795,7 +13799,7 @@ __DEV__ && )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -15223,7 +15227,7 @@ __DEV__ && root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); var className = getViewTransitionClassName( - props.className, + props.default, props.update ); "none" === className @@ -28849,6 +28853,7 @@ __DEV__ && var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; var didWarnAboutDefaultPropsOnFunctionComponent = {}; + var didWarnAboutClassNameOnViewTransition = {}; var updateLegacyHiddenComponent = updateOffscreenComponent, SUSPENDED_MARKER = { dehydrated: null, @@ -30001,11 +30006,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-www-modern-a5297ece-20250326" !== isomorphicReactPackageVersion) + if ("19.1.0-www-modern-e0c99c4e-20250326" !== 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-www-modern-a5297ece-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.1.0-www-modern-e0c99c4e-20250326\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -30048,10 +30053,10 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.1.0-www-modern-a5297ece-20250326", + version: "19.1.0-www-modern-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -30815,5 +30820,5 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-www-modern-a5297ece-20250326"; + exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; })(); diff --git a/compiled/facebook-www/ReactDOMTesting-prod.classic.js b/compiled/facebook-www/ReactDOMTesting-prod.classic.js index 44261343a4..93c0e274ff 100644 --- a/compiled/facebook-www/ReactDOMTesting-prod.classic.js +++ b/compiled/facebook-www/ReactDOMTesting-prod.classic.js @@ -2060,13 +2060,7 @@ function getClassNameByType(classByType) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -8993,7 +8987,7 @@ function commitAppearingPairViewTransitions(placement) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -9013,7 +9007,7 @@ function commitEnterViewTransitions(placement, gesture) { props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -9052,7 +9046,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -9088,7 +9082,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -9121,7 +9115,7 @@ function commitNestedViewTransitions(changedParent) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -9255,7 +9249,7 @@ function measureNestedViewTransitions(changedParent, gesture) { var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName(props.className, props.update); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -9527,7 +9521,7 @@ function commitBeforeMutationEffects_complete( current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName(flags.className, flags.update)), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && applyViewTransitionToHostInstances( current.child, @@ -10787,10 +10781,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { state = finishedWork.stateNode; root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); - var className = getViewTransitionClassName( - props.className, - props.update - ); + var className = getViewTransitionClassName(props.default, props.update); "none" === className ? (current = !1) : ((props = current.memoizedState), @@ -19107,14 +19098,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_2003 = React.version; if ( - "19.1.0-www-classic-a5297ece-20250326" !== + "19.1.0-www-classic-e0c99c4e-20250326" !== isomorphicReactPackageVersion$jscomp$inline_2003 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2003, - "19.1.0-www-classic-a5297ece-20250326" + "19.1.0-www-classic-e0c99c4e-20250326" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -19132,10 +19123,10 @@ Internals.Events = [ ]; var internals$jscomp$inline_2592 = { bundleType: 0, - version: "19.1.0-www-classic-a5297ece-20250326", + version: "19.1.0-www-classic-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2593 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -19650,4 +19641,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-www-classic-a5297ece-20250326"; +exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/ReactDOMTesting-prod.modern.js b/compiled/facebook-www/ReactDOMTesting-prod.modern.js index 88b529f222..ad59ba1d29 100644 --- a/compiled/facebook-www/ReactDOMTesting-prod.modern.js +++ b/compiled/facebook-www/ReactDOMTesting-prod.modern.js @@ -1904,13 +1904,7 @@ function getClassNameByType(classByType) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -8737,7 +8731,7 @@ function commitAppearingPairViewTransitions(placement) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -8757,7 +8751,7 @@ function commitEnterViewTransitions(placement, gesture) { props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -8796,7 +8790,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -8832,7 +8826,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -8865,7 +8859,7 @@ function commitNestedViewTransitions(changedParent) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -8999,7 +8993,7 @@ function measureNestedViewTransitions(changedParent, gesture) { var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName(props.className, props.update); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -9271,7 +9265,7 @@ function commitBeforeMutationEffects_complete( current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName(flags.className, flags.update)), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && applyViewTransitionToHostInstances( current.child, @@ -10531,10 +10525,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { state = finishedWork.stateNode; root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); - var className = getViewTransitionClassName( - props.className, - props.update - ); + var className = getViewTransitionClassName(props.default, props.update); "none" === className ? (current = !1) : ((props = current.memoizedState), @@ -18836,14 +18827,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_1993 = React.version; if ( - "19.1.0-www-modern-a5297ece-20250326" !== + "19.1.0-www-modern-e0c99c4e-20250326" !== isomorphicReactPackageVersion$jscomp$inline_1993 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1993, - "19.1.0-www-modern-a5297ece-20250326" + "19.1.0-www-modern-e0c99c4e-20250326" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -18861,10 +18852,10 @@ Internals.Events = [ ]; var internals$jscomp$inline_2574 = { bundleType: 0, - version: "19.1.0-www-modern-a5297ece-20250326", + version: "19.1.0-www-modern-e0c99c4e-20250326", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2575 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -19379,4 +19370,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-www-modern-a5297ece-20250326"; +exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; diff --git a/compiled/facebook-www/ReactReconciler-dev.classic.js b/compiled/facebook-www/ReactReconciler-dev.classic.js index 4d3df3be43..d5674f3d42 100644 --- a/compiled/facebook-www/ReactReconciler-dev.classic.js +++ b/compiled/facebook-www/ReactReconciler-dev.classic.js @@ -2177,13 +2177,7 @@ __DEV__ && function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -9678,6 +9672,19 @@ __DEV__ && } isHydrating && pushMaterializedTreeId(workInProgress); } + if (void 0 !== pendingProps.className) { + var example = + "string" === typeof pendingProps.className + ? JSON.stringify(pendingProps.className) + : "{...}"; + didWarnAboutClassNameOnViewTransition[example] || + ((didWarnAboutClassNameOnViewTransition[example] = !0), + console.error( + ' doesn\'t accept a "className" prop. It has been renamed to "default".\n- \n+ ', + example, + example + )); + } null !== current && current.memoizedProps.name !== pendingProps.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress); @@ -11699,7 +11706,7 @@ __DEV__ && "Found a pair with an auto name. This is a bug in React." ); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -11719,7 +11726,7 @@ __DEV__ && props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -11758,7 +11765,7 @@ __DEV__ && var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -11797,7 +11804,7 @@ __DEV__ && ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -11830,7 +11837,7 @@ __DEV__ && if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -11952,10 +11959,7 @@ __DEV__ && var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName( - props.className, - props.update - ); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -12158,7 +12162,7 @@ __DEV__ && )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -13523,7 +13527,7 @@ __DEV__ && root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); var className = getViewTransitionClassName( - props.className, + props.default, props.update ); "none" === className @@ -20152,6 +20156,7 @@ __DEV__ && var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; var didWarnAboutDefaultPropsOnFunctionComponent = {}; + var didWarnAboutClassNameOnViewTransition = {}; var updateLegacyHiddenComponent = updateOffscreenComponent, SUSPENDED_MARKER = { dehydrated: null, @@ -20824,7 +20829,7 @@ __DEV__ && version: rendererVersion, rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactReconciler-dev.modern.js b/compiled/facebook-www/ReactReconciler-dev.modern.js index 490c0b78be..cb2de8701b 100644 --- a/compiled/facebook-www/ReactReconciler-dev.modern.js +++ b/compiled/facebook-www/ReactReconciler-dev.modern.js @@ -2083,13 +2083,7 @@ __DEV__ && function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -9510,6 +9504,19 @@ __DEV__ && } isHydrating && pushMaterializedTreeId(workInProgress); } + if (void 0 !== pendingProps.className) { + var example = + "string" === typeof pendingProps.className + ? JSON.stringify(pendingProps.className) + : "{...}"; + didWarnAboutClassNameOnViewTransition[example] || + ((didWarnAboutClassNameOnViewTransition[example] = !0), + console.error( + ' doesn\'t accept a "className" prop. It has been renamed to "default".\n- \n+ ', + example, + example + )); + } null !== current && current.memoizedProps.name !== pendingProps.name ? (workInProgress.flags |= 4194816) : markRef(current, workInProgress); @@ -11517,7 +11524,7 @@ __DEV__ && "Found a pair with an auto name. This is a bug in React." ); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -11537,7 +11544,7 @@ __DEV__ && props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -11576,7 +11583,7 @@ __DEV__ && var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -11615,7 +11622,7 @@ __DEV__ && ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -11648,7 +11655,7 @@ __DEV__ && if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -11770,10 +11777,7 @@ __DEV__ && var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName( - props.className, - props.update - ); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -11976,7 +11980,7 @@ __DEV__ && )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -13341,7 +13345,7 @@ __DEV__ && root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); var className = getViewTransitionClassName( - props.className, + props.default, props.update ); "none" === className @@ -19933,6 +19937,7 @@ __DEV__ && var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; var didWarnAboutDefaultPropsOnFunctionComponent = {}; + var didWarnAboutClassNameOnViewTransition = {}; var updateLegacyHiddenComponent = updateOffscreenComponent, SUSPENDED_MARKER = { dehydrated: null, @@ -20605,7 +20610,7 @@ __DEV__ && version: rendererVersion, rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactReconciler-prod.classic.js b/compiled/facebook-www/ReactReconciler-prod.classic.js index c437a0f17e..9c8b841192 100644 --- a/compiled/facebook-www/ReactReconciler-prod.classic.js +++ b/compiled/facebook-www/ReactReconciler-prod.classic.js @@ -1126,13 +1126,7 @@ module.exports = function ($$$config) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -7843,7 +7837,7 @@ module.exports = function ($$$config) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -7863,7 +7857,7 @@ module.exports = function ($$$config) { props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -7902,7 +7896,7 @@ module.exports = function ($$$config) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -7941,7 +7935,7 @@ module.exports = function ($$$config) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -7974,7 +7968,7 @@ module.exports = function ($$$config) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -8096,7 +8090,7 @@ module.exports = function ($$$config) { var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName(props.className, props.update); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -8271,10 +8265,7 @@ module.exports = function ($$$config) { current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName( - flags.className, - flags.update - )), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && applyViewTransitionToHostInstances( current.child, @@ -9461,7 +9452,7 @@ module.exports = function ($$$config) { root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); var className = getViewTransitionClassName( - props.className, + props.default, props.update ); "none" === className @@ -13690,7 +13681,7 @@ module.exports = function ($$$config) { version: rendererVersion, rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactReconciler-prod.modern.js b/compiled/facebook-www/ReactReconciler-prod.modern.js index acd026c08b..2ab1a8b0c7 100644 --- a/compiled/facebook-www/ReactReconciler-prod.modern.js +++ b/compiled/facebook-www/ReactReconciler-prod.modern.js @@ -985,13 +985,7 @@ module.exports = function ($$$config) { function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); - return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + return null == eventClass ? defaultClass : eventClass; } function is(x, y) { return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y); @@ -7598,7 +7592,7 @@ module.exports = function ($$$config) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); var name = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && (applyViewTransitionToHostInstances( placement.child, @@ -7618,7 +7612,7 @@ module.exports = function ($$$config) { props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -7657,7 +7651,7 @@ module.exports = function ($$$config) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -7696,7 +7690,7 @@ module.exports = function ($$$config) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -7729,7 +7723,7 @@ module.exports = function ($$$config) { if (30 === changedParent.tag) { var props = changedParent.memoizedProps, name = getViewTransitionName(props, changedParent.stateNode); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && applyViewTransitionToHostInstances( changedParent.child, @@ -7851,7 +7845,7 @@ module.exports = function ($$$config) { var props = changedParent.memoizedProps, state = changedParent.stateNode, name = getViewTransitionName(props, state), - className = getViewTransitionClassName(props.className, props.update); + className = getViewTransitionClassName(props.default, props.update); if (gesture) { state = state.clones; var previousMeasurements = @@ -8026,10 +8020,7 @@ module.exports = function ($$$config) { current.stateNode )), (flags = fiber.memoizedProps), - (flags = getViewTransitionClassName( - flags.className, - flags.update - )), + (flags = getViewTransitionClassName(flags.default, flags.update)), "none" !== flags && applyViewTransitionToHostInstances( current.child, @@ -9216,7 +9207,7 @@ module.exports = function ($$$config) { root = getViewTransitionName(props, state); state = getViewTransitionName(current.memoizedProps, state); var className = getViewTransitionClassName( - props.className, + props.default, props.update ); "none" === className @@ -13407,7 +13398,7 @@ module.exports = function ($$$config) { version: rendererVersion, rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactTestRenderer-dev.classic.js b/compiled/facebook-www/ReactTestRenderer-dev.classic.js index 1c480d9649..c87466f29b 100644 --- a/compiled/facebook-www/ReactTestRenderer-dev.classic.js +++ b/compiled/facebook-www/ReactTestRenderer-dev.classic.js @@ -15031,10 +15031,10 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.1.0-www-classic-a5297ece-20250326", + version: "19.1.0-www-classic-e0c99c4e-20250326", rendererPackageName: "react-test-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-classic-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-classic-e0c99c4e-20250326" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -15169,5 +15169,5 @@ __DEV__ && exports.unstable_batchedUpdates = function (fn, a) { return fn(a); }; - exports.version = "19.1.0-www-classic-a5297ece-20250326"; + exports.version = "19.1.0-www-classic-e0c99c4e-20250326"; })(); diff --git a/compiled/facebook-www/ReactTestRenderer-dev.modern.js b/compiled/facebook-www/ReactTestRenderer-dev.modern.js index 8ab2a87d97..e26cea47c8 100644 --- a/compiled/facebook-www/ReactTestRenderer-dev.modern.js +++ b/compiled/facebook-www/ReactTestRenderer-dev.modern.js @@ -15031,10 +15031,10 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.1.0-www-modern-a5297ece-20250326", + version: "19.1.0-www-modern-e0c99c4e-20250326", rendererPackageName: "react-test-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-www-modern-a5297ece-20250326" + reconcilerVersion: "19.1.0-www-modern-e0c99c4e-20250326" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -15169,5 +15169,5 @@ __DEV__ && exports.unstable_batchedUpdates = function (fn, a) { return fn(a); }; - exports.version = "19.1.0-www-modern-a5297ece-20250326"; + exports.version = "19.1.0-www-modern-e0c99c4e-20250326"; })(); diff --git a/compiled/facebook-www/VERSION_CLASSIC b/compiled/facebook-www/VERSION_CLASSIC index e239db0feb..65e4ddbc83 100644 --- a/compiled/facebook-www/VERSION_CLASSIC +++ b/compiled/facebook-www/VERSION_CLASSIC @@ -1 +1 @@ -19.1.0-www-classic-a5297ece-20250326 \ No newline at end of file +19.1.0-www-classic-e0c99c4e-20250326 \ No newline at end of file diff --git a/compiled/facebook-www/VERSION_MODERN b/compiled/facebook-www/VERSION_MODERN index f4a96263e4..9ed40014d9 100644 --- a/compiled/facebook-www/VERSION_MODERN +++ b/compiled/facebook-www/VERSION_MODERN @@ -1 +1 @@ -19.1.0-www-modern-a5297ece-20250326 \ No newline at end of file +19.1.0-www-modern-e0c99c4e-20250326 \ No newline at end of file diff --git a/compiled/facebook-www/__test_utils__/ReactAllWarnings.js b/compiled/facebook-www/__test_utils__/ReactAllWarnings.js index dce33255d6..ae44a0bcc1 100644 --- a/compiled/facebook-www/__test_utils__/ReactAllWarnings.js +++ b/compiled/facebook-www/__test_utils__/ReactAllWarnings.js @@ -67,6 +67,7 @@ export default [ "<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.", "<%s> cannot contain a nested %s.\nSee this log for the ancestor stack trace.", " is only valid if revealOrder is \"forwards\" or \"backwards\". Did you mean to specify revealOrder=\"forwards\"?", + " doesn't accept a \"className\" prop. It has been renamed to \"default\".\n- \n+ ", "A button can only specify a formAction along with type=\"submit\" or no type.", "A cache instance was released after it was already freed. This likely indicates a bug in React.", "A cache instance was retained after it was already freed. This likely indicates a bug in React.",