diff --git a/package.json b/package.json index e9d99d6823404..65e752e1b1f89 100644 --- a/package.json +++ b/package.json @@ -227,16 +227,16 @@ "pretty-ms": "7.0.0", "random-seed": "0.3.0", "react": "19.0.0", - "react-builtin": "npm:react@19.1.0-canary-313332d1-20250326", + "react-builtin": "npm:react@19.2.0-canary-63779030-20250328", "react-dom": "19.0.0", - "react-dom-builtin": "npm:react-dom@19.1.0-canary-313332d1-20250326", - "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-313332d1-20250326", - "react-experimental-builtin": "npm:react@0.0.0-experimental-313332d1-20250326", - "react-is-builtin": "npm:react-is@19.1.0-canary-313332d1-20250326", - "react-server-dom-turbopack": "19.1.0-canary-313332d1-20250326", - "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-313332d1-20250326", - "react-server-dom-webpack": "19.1.0-canary-313332d1-20250326", - "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-313332d1-20250326", + "react-dom-builtin": "npm:react-dom@19.2.0-canary-63779030-20250328", + "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-63779030-20250328", + "react-experimental-builtin": "npm:react@0.0.0-experimental-63779030-20250328", + "react-is-builtin": "npm:react-is@19.2.0-canary-63779030-20250328", + "react-server-dom-turbopack": "19.2.0-canary-63779030-20250328", + "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-63779030-20250328", + "react-server-dom-webpack": "19.2.0-canary-63779030-20250328", + "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-63779030-20250328", "react-ssr-prepass": "1.0.8", "react-virtualized": "9.22.3", "relay-compiler": "13.0.2", @@ -246,8 +246,8 @@ "resolve-from": "5.0.0", "sass": "1.54.0", "satori": "0.12.2", - "scheduler-builtin": "npm:scheduler@0.26.0-canary-313332d1-20250326", - "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-313332d1-20250326", + "scheduler-builtin": "npm:scheduler@0.27.0-canary-63779030-20250328", + "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-63779030-20250328", "seedrandom": "3.0.5", "semver": "7.3.7", "shell-quote": "1.7.3", @@ -290,10 +290,10 @@ "@types/react": "19.0.8", "@types/react-dom": "19.0.3", "jest-snapshot": "30.0.0-alpha.6", - "react": "19.1.0-canary-313332d1-20250326", - "react-dom": "19.1.0-canary-313332d1-20250326", - "react-is": "19.1.0-canary-313332d1-20250326", - "scheduler": "0.26.0-canary-313332d1-20250326" + "react": "19.2.0-canary-63779030-20250328", + "react-dom": "19.2.0-canary-63779030-20250328", + "react-is": "19.2.0-canary-63779030-20250328", + "scheduler": "0.27.0-canary-63779030-20250328" }, "patchedDependencies": { "webpack-sources@3.2.3": "patches/webpack-sources@3.2.3.patch", diff --git a/packages/next/src/client/components/is-hydration-error.ts b/packages/next/src/client/components/is-hydration-error.ts index 529d03db72646..366567e931940 100644 --- a/packages/next/src/client/components/is-hydration-error.ts +++ b/packages/next/src/client/components/is-hydration-error.ts @@ -1,12 +1,13 @@ import isError from '../../lib/is-error' const hydrationErrorRegex = - /hydration failed|while hydrating|content does not match|did not match|HTML didn't match/i + /hydration failed|while hydrating|content does not match|did not match|HTML didn't match|text didn't match/i const reactUnifiedMismatchWarning = `Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:` const reactHydrationStartMessages = [ reactUnifiedMismatchWarning, + `Hydration failed because the server rendered text didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:`, `A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:`, ] diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js index f7d33237bff1e..172de760541cf 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js @@ -4423,14 +4423,18 @@ fiber.serverTail.push(rejectedCandidate))); } function throwOnHydrationMismatch(fiber) { - var diff = "", + var fromText = + 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : !1, + diff = "", diffRoot = hydrationDiffRootDEV; null !== diffRoot && ((hydrationDiffRootDEV = null), (diff = describeDiff(diffRoot))); queueHydrationError( createCapturedValueAtFiber( Error( - "Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch" + + "Hydration failed because the server rendered " + + (fromText ? "text" : "HTML") + + " didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch" + diff ), fiber @@ -4526,7 +4530,7 @@ null != props.onClick && (didHydrate.onclick = noop$1), (didHydrate = !0)) : (didHydrate = !1); - didHydrate || throwOnHydrationMismatch(fiber); + didHydrate || throwOnHydrationMismatch(fiber, !0); } function popToNextHostParent(fiber) { for (hydrationParentFiber = fiber.return; hydrationParentFiber; ) @@ -4653,12 +4657,12 @@ defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + ? "auto" === defaultClass + ? null + : defaultClass + : "auto" === eventClass + ? null + : eventClass; } function setCurrentTrackFromLanes(lanes) { reusableLaneDevToolDetails.track = @@ -10157,33 +10161,33 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_2825; - var JSCompiler_object_inline_stack_2824 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_2828; + var JSCompiler_object_inline_stack_2827 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_message_2822 = !1; + var JSCompiler_object_inline_message_2825 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_2825 = didSuspend) || - (JSCompiler_object_inline_componentStack_2825 = + (JSCompiler_object_inline_componentStack_2828 = didSuspend) || + (JSCompiler_object_inline_componentStack_2828 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_2825 && - ((JSCompiler_object_inline_message_2822 = !0), + JSCompiler_object_inline_componentStack_2828 && + ((JSCompiler_object_inline_message_2825 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_2825 = + JSCompiler_object_inline_componentStack_2828 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_message_2822 + JSCompiler_object_inline_message_2825 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_digest_2823 = nextHydratableInstance; + var JSCompiler_object_inline_digest_2826 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2823)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2826)) { c: { - var instance = JSCompiler_object_inline_digest_2823; + var instance = JSCompiler_object_inline_digest_2826; for ( JSCompiler_temp = rootOrSingletonContext; 8 !== instance.nodeType; @@ -10225,87 +10229,87 @@ JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_digest_2823 + JSCompiler_object_inline_digest_2826 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_digest_2823 = workInProgress.memoizedState; + JSCompiler_object_inline_digest_2826 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_digest_2823 && - ((JSCompiler_object_inline_digest_2823 = - JSCompiler_object_inline_digest_2823.dehydrated), - null !== JSCompiler_object_inline_digest_2823) + null !== JSCompiler_object_inline_digest_2826 && + ((JSCompiler_object_inline_digest_2826 = + JSCompiler_object_inline_digest_2826.dehydrated), + null !== JSCompiler_object_inline_digest_2826) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2823) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2826) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_digest_2823 = - JSCompiler_object_inline_stack_2824.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2824.fallback; - if (JSCompiler_object_inline_message_2822) + JSCompiler_object_inline_digest_2826 = + JSCompiler_object_inline_stack_2827.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2827.fallback; + if (JSCompiler_object_inline_message_2825) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2824 = + (JSCompiler_object_inline_stack_2827 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2823, + JSCompiler_object_inline_digest_2826, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2822 = workInProgress.child), - (JSCompiler_object_inline_message_2822.memoizedState = + (JSCompiler_object_inline_message_2825 = workInProgress.child), + (JSCompiler_object_inline_message_2825.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2822.childLanes = + (JSCompiler_object_inline_message_2825.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2825, + JSCompiler_object_inline_componentStack_2828, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2824 + JSCompiler_object_inline_stack_2827 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2824.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2827.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2824 = + (JSCompiler_object_inline_stack_2827 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2823, + JSCompiler_object_inline_digest_2826, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2822 = workInProgress.child), - (JSCompiler_object_inline_message_2822.memoizedState = + (JSCompiler_object_inline_message_2825 = workInProgress.child), + (JSCompiler_object_inline_message_2825.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2822.childLanes = + (JSCompiler_object_inline_message_2825.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2825, + JSCompiler_object_inline_componentStack_2828, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2824 + JSCompiler_object_inline_stack_2827 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_digest_2823 + JSCompiler_object_inline_digest_2826 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_digest_2823 = prevState.dehydrated), - null !== JSCompiler_object_inline_digest_2823) + ((JSCompiler_object_inline_digest_2826 = prevState.dehydrated), + null !== JSCompiler_object_inline_digest_2826) ) { if (didSuspend) workInProgress.flags & 256 @@ -10322,94 +10326,94 @@ (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2822 = - JSCompiler_object_inline_stack_2824.fallback), - (JSCompiler_object_inline_digest_2823 = workInProgress.mode), - (JSCompiler_object_inline_stack_2824 = + (JSCompiler_object_inline_message_2825 = + JSCompiler_object_inline_stack_2827.fallback), + (JSCompiler_object_inline_digest_2826 = workInProgress.mode), + (JSCompiler_object_inline_stack_2827 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2824.children + children: JSCompiler_object_inline_stack_2827.children }, - JSCompiler_object_inline_digest_2823 + JSCompiler_object_inline_digest_2826 )), - (JSCompiler_object_inline_message_2822 = + (JSCompiler_object_inline_message_2825 = createFiberFromFragment( - JSCompiler_object_inline_message_2822, - JSCompiler_object_inline_digest_2823, + JSCompiler_object_inline_message_2825, + JSCompiler_object_inline_digest_2826, renderLanes, null )), - (JSCompiler_object_inline_message_2822.flags |= 2), - (JSCompiler_object_inline_stack_2824.return = workInProgress), - (JSCompiler_object_inline_message_2822.return = workInProgress), - (JSCompiler_object_inline_stack_2824.sibling = - JSCompiler_object_inline_message_2822), - (workInProgress.child = JSCompiler_object_inline_stack_2824), + (JSCompiler_object_inline_message_2825.flags |= 2), + (JSCompiler_object_inline_stack_2827.return = workInProgress), + (JSCompiler_object_inline_message_2825.return = workInProgress), + (JSCompiler_object_inline_stack_2827.sibling = + JSCompiler_object_inline_message_2825), + (workInProgress.child = JSCompiler_object_inline_stack_2827), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2824 = workInProgress.child), - (JSCompiler_object_inline_stack_2824.memoizedState = + (JSCompiler_object_inline_stack_2827 = workInProgress.child), + (JSCompiler_object_inline_stack_2827.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2824.childLanes = + (JSCompiler_object_inline_stack_2827.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2825, + JSCompiler_object_inline_componentStack_2828, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - (workInProgress = JSCompiler_object_inline_message_2822)); + (workInProgress = JSCompiler_object_inline_message_2825)); 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_digest_2823)) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2826)) ) { - JSCompiler_object_inline_componentStack_2825 = - JSCompiler_object_inline_digest_2823.nextSibling && - JSCompiler_object_inline_digest_2823.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_2825) { - JSCompiler_temp = JSCompiler_object_inline_componentStack_2825.dgst; - var message = JSCompiler_object_inline_componentStack_2825.msg; - instance = JSCompiler_object_inline_componentStack_2825.stck; + JSCompiler_object_inline_componentStack_2828 = + JSCompiler_object_inline_digest_2826.nextSibling && + JSCompiler_object_inline_digest_2826.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_2828) { + JSCompiler_temp = JSCompiler_object_inline_componentStack_2828.dgst; + var message = JSCompiler_object_inline_componentStack_2828.msg; + instance = JSCompiler_object_inline_componentStack_2828.stck; var componentStack = - JSCompiler_object_inline_componentStack_2825.cstck; + JSCompiler_object_inline_componentStack_2828.cstck; } - JSCompiler_object_inline_message_2822 = message; - JSCompiler_object_inline_digest_2823 = JSCompiler_temp; - JSCompiler_object_inline_stack_2824 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2825 = + JSCompiler_object_inline_message_2825 = message; + JSCompiler_object_inline_digest_2826 = JSCompiler_temp; + JSCompiler_object_inline_stack_2827 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2828 = componentStack; - "POSTPONE" !== JSCompiler_object_inline_digest_2823 && - ((JSCompiler_object_inline_componentStack_2825 = - JSCompiler_object_inline_message_2822 - ? Error(JSCompiler_object_inline_message_2822) + "POSTPONE" !== JSCompiler_object_inline_digest_2826 && + ((JSCompiler_object_inline_componentStack_2828 = + JSCompiler_object_inline_message_2825 + ? Error(JSCompiler_object_inline_message_2825) : 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_2825.stack = - JSCompiler_object_inline_stack_2824 || ""), - (JSCompiler_object_inline_componentStack_2825.digest = - JSCompiler_object_inline_digest_2823), - (JSCompiler_object_inline_stack_2824 = + (JSCompiler_object_inline_componentStack_2828.stack = + JSCompiler_object_inline_stack_2827 || ""), + (JSCompiler_object_inline_componentStack_2828.digest = + JSCompiler_object_inline_digest_2826), + (JSCompiler_object_inline_stack_2827 = void 0 === JSCompiler_temp ? null : JSCompiler_temp), - (JSCompiler_object_inline_message_2822 = { - value: JSCompiler_object_inline_componentStack_2825, + (JSCompiler_object_inline_message_2825 = { + value: JSCompiler_object_inline_componentStack_2828, source: null, - stack: JSCompiler_object_inline_stack_2824 + stack: JSCompiler_object_inline_stack_2827 }), - "string" === typeof JSCompiler_object_inline_stack_2824 && + "string" === typeof JSCompiler_object_inline_stack_2827 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2825, - JSCompiler_object_inline_message_2822 + JSCompiler_object_inline_componentStack_2828, + JSCompiler_object_inline_message_2825 ), - queueHydrationError(JSCompiler_object_inline_message_2822)); + queueHydrationError(JSCompiler_object_inline_message_2825)); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -10423,44 +10427,44 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_2825 = + (JSCompiler_object_inline_componentStack_2828 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_2825) + didReceiveUpdate || JSCompiler_object_inline_componentStack_2828) ) { - JSCompiler_object_inline_componentStack_2825 = workInProgressRoot; + JSCompiler_object_inline_componentStack_2828 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_2825 && - ((JSCompiler_object_inline_stack_2824 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2824 = - 0 !== (JSCompiler_object_inline_stack_2824 & 42) + null !== JSCompiler_object_inline_componentStack_2828 && + ((JSCompiler_object_inline_stack_2827 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2827 = + 0 !== (JSCompiler_object_inline_stack_2827 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2824 + JSCompiler_object_inline_stack_2827 )), - (JSCompiler_object_inline_stack_2824 = + (JSCompiler_object_inline_stack_2827 = 0 !== - (JSCompiler_object_inline_stack_2824 & - (JSCompiler_object_inline_componentStack_2825.suspendedLanes | + (JSCompiler_object_inline_stack_2827 & + (JSCompiler_object_inline_componentStack_2828.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2824), - 0 !== JSCompiler_object_inline_stack_2824 && - JSCompiler_object_inline_stack_2824 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2827), + 0 !== JSCompiler_object_inline_stack_2827 && + JSCompiler_object_inline_stack_2827 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2824), + ((prevState.retryLane = JSCompiler_object_inline_stack_2827), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2824 + JSCompiler_object_inline_stack_2827 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_2825, + JSCompiler_object_inline_componentStack_2828, current, - JSCompiler_object_inline_stack_2824 + JSCompiler_object_inline_stack_2827 ), SelectiveHydrationException) ); - JSCompiler_object_inline_digest_2823.data === + JSCompiler_object_inline_digest_2826.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10468,14 +10472,14 @@ renderLanes ); } else - JSCompiler_object_inline_digest_2823.data === + JSCompiler_object_inline_digest_2826.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_digest_2823.nextSibling + JSCompiler_object_inline_digest_2826.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10493,54 +10497,54 @@ (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2824.children + JSCompiler_object_inline_stack_2827.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_message_2822) + if (JSCompiler_object_inline_message_2825) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2822 = - JSCompiler_object_inline_stack_2824.fallback), - (JSCompiler_object_inline_digest_2823 = workInProgress.mode), + (JSCompiler_object_inline_message_2825 = + JSCompiler_object_inline_stack_2827.fallback), + (JSCompiler_object_inline_digest_2826 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2824 = createWorkInProgress( + (JSCompiler_object_inline_stack_2827 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2824.children + children: JSCompiler_object_inline_stack_2827.children } )), - (JSCompiler_object_inline_stack_2824.subtreeFlags = + (JSCompiler_object_inline_stack_2827.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_message_2822 = createWorkInProgress( + ? (JSCompiler_object_inline_message_2825 = createWorkInProgress( instance, - JSCompiler_object_inline_message_2822 + JSCompiler_object_inline_message_2825 )) - : ((JSCompiler_object_inline_message_2822 = createFiberFromFragment( - JSCompiler_object_inline_message_2822, - JSCompiler_object_inline_digest_2823, + : ((JSCompiler_object_inline_message_2825 = createFiberFromFragment( + JSCompiler_object_inline_message_2825, + JSCompiler_object_inline_digest_2826, renderLanes, null )), - (JSCompiler_object_inline_message_2822.flags |= 2)), - (JSCompiler_object_inline_message_2822.return = workInProgress), - (JSCompiler_object_inline_stack_2824.return = workInProgress), - (JSCompiler_object_inline_stack_2824.sibling = - JSCompiler_object_inline_message_2822), - (workInProgress.child = JSCompiler_object_inline_stack_2824), - (JSCompiler_object_inline_stack_2824 = - JSCompiler_object_inline_message_2822), - (JSCompiler_object_inline_message_2822 = workInProgress.child), - (JSCompiler_object_inline_digest_2823 = current.child.memoizedState), - null === JSCompiler_object_inline_digest_2823 - ? (JSCompiler_object_inline_digest_2823 = + (JSCompiler_object_inline_message_2825.flags |= 2)), + (JSCompiler_object_inline_message_2825.return = workInProgress), + (JSCompiler_object_inline_stack_2827.return = workInProgress), + (JSCompiler_object_inline_stack_2827.sibling = + JSCompiler_object_inline_message_2825), + (workInProgress.child = JSCompiler_object_inline_stack_2827), + (JSCompiler_object_inline_stack_2827 = + JSCompiler_object_inline_message_2825), + (JSCompiler_object_inline_message_2825 = workInProgress.child), + (JSCompiler_object_inline_digest_2826 = current.child.memoizedState), + null === JSCompiler_object_inline_digest_2826 + ? (JSCompiler_object_inline_digest_2826 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_digest_2823.cachePool), + JSCompiler_object_inline_digest_2826.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -10548,38 +10552,38 @@ ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_digest_2823 = { + (JSCompiler_object_inline_digest_2826 = { baseLanes: - JSCompiler_object_inline_digest_2823.baseLanes | renderLanes, + JSCompiler_object_inline_digest_2826.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_message_2822.memoizedState = - JSCompiler_object_inline_digest_2823), - (JSCompiler_object_inline_message_2822.childLanes = + (JSCompiler_object_inline_message_2825.memoizedState = + JSCompiler_object_inline_digest_2826), + (JSCompiler_object_inline_message_2825.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2825, + JSCompiler_object_inline_componentStack_2828, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2824 + JSCompiler_object_inline_stack_2827 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2824.children + children: JSCompiler_object_inline_stack_2827.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_2825 = + ((JSCompiler_object_inline_componentStack_2828 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_2825 + null === JSCompiler_object_inline_componentStack_2828 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_2825.push(current)); + : JSCompiler_object_inline_componentStack_2828.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -11712,6 +11716,18 @@ "\u00bb")), (prevSibling.autoName = prevState)), isHydrating && pushMaterializedTreeId(workInProgress)), + 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) : markRef(current, workInProgress), @@ -12143,7 +12159,7 @@ checkForUnmatchedText(current.nodeValue, renderLanes) ? !0 : !1; - current || throwOnHydrationMismatch(workInProgress); + current || throwOnHydrationMismatch(workInProgress, !0); } else (_type = renderLanes.ancestorInfo.current), null != _type && @@ -13201,6 +13217,10 @@ captureCommitPhaseError(finishedWork, finishedWork.return, error); } } + function trackEnterViewTransitions$1(placement) { + if (30 === placement.tag || 0 !== (placement.subtreeFlags & 33554432)) + shouldStartViewTransition = !0; + } function pushViewTransitionCancelableScope() { var prevChildren = viewTransitionCancelableChildren; viewTransitionCancelableChildren = null; @@ -13231,7 +13251,6 @@ ) { for (var inViewport = !1; null !== child; ) { if (5 === child.tag) { - shouldStartViewTransition = !0; var instance = child.stateNode; if (null !== collectMeasurements) { var measurement = measureInstance(instance); @@ -13239,6 +13258,7 @@ measurement.view && (inViewport = !0); } else inViewport || (measureInstance(instance).view && (inViewport = !0)); + shouldStartViewTransition = !0; applyViewTransitionName( instance, 0 === viewTransitionHostInstanceIdx @@ -13293,7 +13313,7 @@ "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, @@ -13313,7 +13333,7 @@ props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -13352,7 +13372,7 @@ var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -13391,7 +13411,7 @@ ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -13424,7 +13444,7 @@ 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, @@ -13555,7 +13575,7 @@ state = newFiber.stateNode; current = getViewTransitionName(props, state); var oldName = getViewTransitionName(oldFiber.memoizedProps, state); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); if ("none" === props) return !1; gesture ? ((oldFiber = state.clones), @@ -13583,10 +13603,7 @@ 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 = @@ -13744,7 +13761,8 @@ committedLanes && commitExitViewTransitions(JSCompiler_temp[anchorOffset]); if (null === root.alternate && 0 !== (root.flags & 2)) - commitBeforeMutationEffects_complete(committedLanes); + committedLanes && trackEnterViewTransitions$1(root), + commitBeforeMutationEffects_complete(committedLanes); else { if (22 === root.tag) if ( @@ -13760,6 +13778,7 @@ null !== JSCompiler_temp && null !== JSCompiler_temp.memoizedState ) { + committedLanes && trackEnterViewTransitions$1(root); commitBeforeMutationEffects_complete(committedLanes); continue; } @@ -13846,7 +13865,7 @@ )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -16040,7 +16059,7 @@ if (void 0 !== pair) { pairs.delete(name); props = getViewTransitionClassName( - props.className, + props.default, props.share ); if ("none" !== props) { @@ -16070,7 +16089,7 @@ ? appearingViewTransitions.get(name) : void 0; props = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.enter ); if ("none" !== props && void 0 !== pair) { @@ -16097,7 +16116,7 @@ "Found a pair with an auto name. This is a bug in React." ); child = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && ((state = state.clones), null !== state && applyViewTransitionToClones(child, props, state)); @@ -16109,7 +16128,7 @@ props = placement.memoizedProps; placement = getViewTransitionName(props, state); props = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.exit ); "none" !== props && @@ -16316,7 +16335,7 @@ var state = parentFiber.stateNode, props = parentFiber.memoizedProps; instance = getViewTransitionName(props, state); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && ((state = state.clones), null !== state && @@ -16509,7 +16528,7 @@ deletions.memoizedProps, hostParentClone )), - (i = getViewTransitionClassName(i.className, i.update)), + (i = getViewTransitionClassName(i.default, i.update)), "none" !== i && ((hostParentClone = hostParentClone.clones), null !== hostParentClone && @@ -18005,18 +18024,20 @@ null !== root.stoppingGestures && (stopCompletedGestures(root), (finishedWork = !1)); pendingEffectsStatus = PENDING_MUTATION_PHASE; - (finishedWork && - startViewTransition( - root.containerInfo, - pendingTransitionTypes, - flushMutationEffects, - flushLayoutEffects, - flushAfterMutationEffects, - flushSpawnedWork, - flushPassiveEffects, - reportViewTransitionError - )) || - (flushMutationEffects(), flushLayoutEffects(), flushSpawnedWork()); + finishedWork + ? (pendingViewTransition = startViewTransition( + root.containerInfo, + pendingTransitionTypes, + flushMutationEffects, + flushLayoutEffects, + flushAfterMutationEffects, + flushSpawnedWork, + flushPassiveEffects, + reportViewTransitionError + )) + : (flushMutationEffects(), + flushLayoutEffects(), + flushSpawnedWork()); } } } @@ -18207,6 +18228,7 @@ pendingEffectsStatus === PENDING_AFTER_MUTATION_PHASE ) { pendingEffectsStatus = NO_PENDING_EFFECTS; + pendingViewTransition = null; requestPaint(); var root = pendingEffectsRoot, finishedWork = pendingFinishedWork, @@ -18482,18 +18504,19 @@ } pendingTransitionTypes = null; pendingEffectsStatus = PENDING_GESTURE_MUTATION_PHASE; - finishedGesture.running = startGestureTransition( - root.containerInfo, - finishedGesture.provider, - finishedGesture.rangeCurrent, - finishedGesture.direction - ? finishedGesture.rangeNext - : finishedGesture.rangePrevious, - pendingTransitionTypes, - flushGestureMutations, - flushGestureAnimations, - reportViewTransitionError - ); + pendingViewTransition = finishedGesture.running = + startGestureTransition( + root.containerInfo, + finishedGesture.provider, + finishedGesture.rangeCurrent, + finishedGesture.direction + ? finishedGesture.rangeNext + : finishedGesture.rangePrevious, + pendingTransitionTypes, + flushGestureMutations, + flushGestureAnimations, + reportViewTransitionError + ); } } function flushGestureMutations() { @@ -18562,6 +18585,7 @@ finishedWork = pendingFinishedWork; pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; + pendingViewTransition = null; var prevTransition = ReactSharedInternals.T; ReactSharedInternals.T = null; var previousPriority = ReactDOMSharedInternals.p; @@ -18597,6 +18621,14 @@ ((root.pooledCache = null), releaseCache(remainingLanes))); } function flushPendingEffects(wasDelayedCommit) { + null !== pendingViewTransition && + (pendingViewTransition.skipTransition(), + didWarnAboutInterruptedViewTransitions || + ((didWarnAboutInterruptedViewTransitions = !0), + console.warn( + "A flushSync update cancelled a View Transition because it was called while the View Transition was still preparing. To preserve the synchronous semantics, React had to skip the View Transition. If you can, try to avoid flushSync() in a scenario that's likely to interfere." + )), + (pendingViewTransition = null)); flushGestureMutations(); flushGestureAnimations(); flushMutationEffects(); @@ -19056,7 +19088,9 @@ mightHavePendingSyncWork = !0; root = next; } - flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); + (pendingEffectsStatus !== NO_PENDING_EFFECTS && + pendingEffectsStatus !== PENDING_PASSIVE_PHASE) || + flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); } function scheduleTaskForRootDuringMicrotask(root, currentTime) { for ( @@ -22746,9 +22780,11 @@ (ownerDocument.__reactViewTransition = null); passiveCallback(); }); - return !0; + return transition; } catch (x) { - return !1; + return ( + mutationCallback(), layoutCallback(), spawnedWorkCallback(), null + ); } } function mergeTranslate(translateA, translateB) { @@ -27962,6 +27998,7 @@ var didWarnAboutReassigningProps = !1; var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; + var didWarnAboutClassNameOnViewTransition = {}; var SUSPENDED_MARKER = { dehydrated: null, treeContext: null, @@ -28087,6 +28124,7 @@ pendingEffectsRenderEndTime = -0, pendingPassiveTransitions = null, pendingRecoverableErrors = null, + pendingViewTransition = null, pendingViewTransitionEvents = null, pendingTransitionTypes = null, pendingSuspendedCommitReason = IMMEDIATE_COMMIT, @@ -28099,6 +28137,7 @@ nestedPassiveUpdateCount = 0, rootWithPassiveNestedUpdates = null, isRunningInsertionEffect = !1, + didWarnAboutInterruptedViewTransitions = !1, didWarnStateUpdateForNotYetMountedComponent = null, didWarnAboutUpdateInRender = !1; var didWarnAboutUpdateInRenderForAnotherComponent = new Set(); @@ -28266,6 +28305,9 @@ } return result; }; + ViewTransitionPseudoElement.prototype.getComputedStyle = function () { + return getComputedStyle(this._scope, this._selector); + }; FragmentInstance.prototype.addEventListener = function ( type, listener, @@ -28822,11 +28864,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-313332d1-20250326" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-63779030-20250328" !== 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-experimental-313332d1-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-63779030-20250328\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -28863,10 +28905,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-experimental-313332d1-20250326", + version: "19.2.0-experimental-63779030-20250328", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-313332d1-20250326" + reconcilerVersion: "19.2.0-experimental-63779030-20250328" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -29008,7 +29050,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.1.0-experimental-313332d1-20250326"; + exports.version = "19.2.0-experimental-63779030-20250328"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js index 67fd866ebfacb..a7cbff9357ce7 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js @@ -2714,7 +2714,15 @@ var hydrationParentFiber = null, rootOrSingletonContext = !1, HydrationMismatchException = Error(formatProdErrorMessage(519)); function throwOnHydrationMismatch(fiber) { - var error = Error(formatProdErrorMessage(418, "")); + var error = Error( + formatProdErrorMessage( + 418, + 1 < arguments.length && void 0 !== arguments[1] && arguments[1] + ? "text" + : "HTML", + "" + ) + ); queueHydrationError(createCapturedValueAtFiber(error, fiber)); throw HydrationMismatchException; } @@ -2790,7 +2798,7 @@ function prepareToHydrateHostInstance(fiber) { null != props.onClick && (instance.onclick = noop$1), (instance = !0)) : (instance = !1); - instance || throwOnHydrationMismatch(fiber); + instance || throwOnHydrationMismatch(fiber, !0); } function popToNextHostParent(fiber) { for (hydrationParentFiber = fiber.return; hydrationParentFiber; ) @@ -2904,12 +2912,12 @@ function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + ? "auto" === defaultClass + ? null + : defaultClass + : "auto" === eventClass + ? null + : eventClass; } var valueCursor = createCursor(null), currentlyRenderingFiber$1 = null, @@ -8391,7 +8399,7 @@ function completeWork(current, workInProgress, renderLanes) { checkForUnmatchedText(current.nodeValue, renderLanes) ? !0 : !1; - current || throwOnHydrationMismatch(workInProgress); + current || throwOnHydrationMismatch(workInProgress, !0); } else (current = getOwnerDocumentFromRootContainer(current).createTextNode( @@ -9064,8 +9072,12 @@ function commitHostSingletonAcquisition(finishedWork) { } } var shouldStartViewTransition = !1, - appearingViewTransitions = null, - viewTransitionCancelableChildren = null; + appearingViewTransitions = null; +function trackEnterViewTransitions$1(placement) { + if (30 === placement.tag || 0 !== (placement.subtreeFlags & 33554432)) + shouldStartViewTransition = !0; +} +var viewTransitionCancelableChildren = null; function pushViewTransitionCancelableScope() { var prevChildren = viewTransitionCancelableChildren; viewTransitionCancelableChildren = null; @@ -9097,7 +9109,6 @@ function applyViewTransitionToHostInstancesRecursive( ) { for (var inViewport = !1; null !== child; ) { if (5 === child.tag) { - shouldStartViewTransition = !0; var instance = child.stateNode; if (null !== collectMeasurements) { var measurement = measureInstance(instance); @@ -9105,6 +9116,7 @@ function applyViewTransitionToHostInstancesRecursive( measurement.view && (inViewport = !0); } else inViewport || (measureInstance(instance).view && (inViewport = !0)); + shouldStartViewTransition = !0; applyViewTransitionName( instance, 0 === viewTransitionHostInstanceIdx @@ -9157,7 +9169,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, @@ -9177,7 +9189,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 @@ -9216,7 +9228,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -9252,7 +9264,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -9285,7 +9297,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, @@ -9415,7 +9427,7 @@ function measureUpdateViewTransition(current, finishedWork, gesture) { state = newFiber.stateNode; current = getViewTransitionName(props, state); var oldName = getViewTransitionName(oldFiber.memoizedProps, state); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); if ("none" === props) return !1; gesture ? ((oldFiber = state.clones), @@ -9443,7 +9455,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 = @@ -9565,7 +9577,8 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) { committedLanes && commitExitViewTransitions(JSCompiler_temp[anchorOffset]); if (null === root.alternate && 0 !== (root.flags & 2)) - commitBeforeMutationEffects_complete(committedLanes); + committedLanes && trackEnterViewTransitions$1(root), + commitBeforeMutationEffects_complete(committedLanes); else { if (22 === root.tag) if (((JSCompiler_temp = root.alternate), null !== root.memoizedState)) { @@ -9579,6 +9592,7 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) { null !== JSCompiler_temp && null !== JSCompiler_temp.memoizedState ) { + committedLanes && trackEnterViewTransitions$1(root); commitBeforeMutationEffects_complete(committedLanes); continue; } @@ -9675,7 +9689,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, @@ -11394,10 +11408,7 @@ function trackDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { pairs.delete(name); - props = getViewTransitionClassName( - props.className, - props.share - ); + props = getViewTransitionClassName(props.default, props.share); if ("none" !== props) { var newInstance = deletion.stateNode; pair.paired = newInstance; @@ -11425,7 +11436,7 @@ function trackEnterViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0; props = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.enter ); if ("none" !== props && void 0 !== pair) { @@ -11450,7 +11461,7 @@ function applyAppearingPairViewTransition(child) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); child = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && ((state = state.clones), null !== state && applyViewTransitionToClones(child, props, state)); @@ -11462,7 +11473,7 @@ function applyExitViewTransition(placement) { props = placement.memoizedProps; placement = getViewTransitionName(props, state); props = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.exit ); "none" !== props && @@ -11641,7 +11652,7 @@ function recursivelyInsertClonesFromExistingTree( var state = parentFiber.stateNode, props = parentFiber.memoizedProps; instance = getViewTransitionName(props, state); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && ((state = state.clones), null !== state && @@ -11784,7 +11795,7 @@ function recursivelyInsertClones( i )), (nextPhase = getViewTransitionClassName( - nextPhase.className, + nextPhase.default, nextPhase.update )), "none" !== nextPhase && @@ -11943,6 +11954,7 @@ var DefaultAsyncDispatcher = { pendingEffectsRemainingLanes = 0, pendingPassiveTransitions = null, pendingRecoverableErrors = null, + pendingViewTransition = null, pendingViewTransitionEvents = null, pendingTransitionTypes = null, nestedUpdateCount = 0, @@ -12845,18 +12857,18 @@ function commitRoot( null !== root.stoppingGestures && (stopCompletedGestures(root), (finishedWork = !1)); pendingEffectsStatus = 1; - (finishedWork && - startViewTransition( - root.containerInfo, - pendingTransitionTypes, - flushMutationEffects, - flushLayoutEffects, - flushAfterMutationEffects, - flushSpawnedWork, - flushPassiveEffects, - reportViewTransitionError - )) || - (flushMutationEffects(), flushLayoutEffects(), flushSpawnedWork()); + finishedWork + ? (pendingViewTransition = startViewTransition( + root.containerInfo, + pendingTransitionTypes, + flushMutationEffects, + flushLayoutEffects, + flushAfterMutationEffects, + flushSpawnedWork, + flushPassiveEffects, + reportViewTransitionError + )) + : (flushMutationEffects(), flushLayoutEffects(), flushSpawnedWork()); } } } @@ -13022,6 +13034,7 @@ function flushLayoutEffects() { function flushSpawnedWork() { if (4 === pendingEffectsStatus || 3 === pendingEffectsStatus) { pendingEffectsStatus = 0; + pendingViewTransition = null; requestPaint(); var root = pendingEffectsRoot, finishedWork = pendingFinishedWork, @@ -13227,7 +13240,7 @@ function commitGestureOnRoot(root, finishedWork) { } pendingTransitionTypes = null; pendingEffectsStatus = 6; - finishedGesture.running = startGestureTransition( + pendingViewTransition = finishedGesture.running = startGestureTransition( root.containerInfo, finishedGesture.provider, finishedGesture.rangeCurrent, @@ -13300,6 +13313,7 @@ function flushGestureAnimations() { finishedWork = pendingFinishedWork; pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; + pendingViewTransition = null; var prevTransition = ReactSharedInternals.T; ReactSharedInternals.T = null; var previousPriority = ReactDOMSharedInternals.p; @@ -13324,6 +13338,8 @@ function releaseRootPooledCache(root, remainingLanes) { ((root.pooledCache = null), releaseCache(remainingLanes))); } function flushPendingEffects(wasDelayedCommit) { + null !== pendingViewTransition && + (pendingViewTransition.skipTransition(), (pendingViewTransition = null)); flushGestureMutations(); flushGestureAnimations(); flushMutationEffects(); @@ -13581,7 +13597,8 @@ function processRootScheduleInMicrotask() { mightHavePendingSyncWork = !0; root = next; } - flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); + (0 !== pendingEffectsStatus && 5 !== pendingEffectsStatus) || + flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); } function scheduleTaskForRootDuringMicrotask(root, currentTime) { for ( @@ -15971,9 +15988,9 @@ function startViewTransition( (ownerDocument.__reactViewTransition = null); passiveCallback(); }); - return !0; + return transition; } catch (x) { - return !1; + return mutationCallback(), layoutCallback(), spawnedWorkCallback(), null; } } function mergeTranslate(translateA, translateB) { @@ -16189,6 +16206,9 @@ ViewTransitionPseudoElement.prototype.getAnimations = function () { } return result; }; +ViewTransitionPseudoElement.prototype.getComputedStyle = function () { + return getComputedStyle(this._scope, this._selector); +}; function createViewTransitionInstance(name) { return { name: name, @@ -18149,14 +18169,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_1981 = React.version; if ( - "19.1.0-experimental-313332d1-20250326" !== + "19.2.0-experimental-63779030-20250328" !== isomorphicReactPackageVersion$jscomp$inline_1981 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1981, - "19.1.0-experimental-313332d1-20250326" + "19.2.0-experimental-63779030-20250328" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -18176,24 +18196,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2594 = { +var internals$jscomp$inline_2596 = { bundleType: 0, - version: "19.1.0-experimental-313332d1-20250326", + version: "19.2.0-experimental-63779030-20250328", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-313332d1-20250326" + reconcilerVersion: "19.2.0-experimental-63779030-20250328" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2595 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2597 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2595.isDisabled && - hook$jscomp$inline_2595.supportsFiber + !hook$jscomp$inline_2597.isDisabled && + hook$jscomp$inline_2597.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2595.inject( - internals$jscomp$inline_2594 + (rendererID = hook$jscomp$inline_2597.inject( + internals$jscomp$inline_2596 )), - (injectedHook = hook$jscomp$inline_2595); + (injectedHook = hook$jscomp$inline_2597); } catch (err) {} } exports.createRoot = function (container, options) { @@ -18285,4 +18305,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.1.0-experimental-313332d1-20250326"; +exports.version = "19.2.0-experimental-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js index 5b8d768232cc1..3ad2edb5966df 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js @@ -4431,14 +4431,18 @@ fiber.serverTail.push(rejectedCandidate))); } function throwOnHydrationMismatch(fiber) { - var diff = "", + var fromText = + 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : !1, + diff = "", diffRoot = hydrationDiffRootDEV; null !== diffRoot && ((hydrationDiffRootDEV = null), (diff = describeDiff(diffRoot))); queueHydrationError( createCapturedValueAtFiber( Error( - "Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch" + + "Hydration failed because the server rendered " + + (fromText ? "text" : "HTML") + + " didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch" + diff ), fiber @@ -4534,7 +4538,7 @@ null != props.onClick && (didHydrate.onclick = noop$2), (didHydrate = !0)) : (didHydrate = !1); - didHydrate || throwOnHydrationMismatch(fiber); + didHydrate || throwOnHydrationMismatch(fiber, !0); } function popToNextHostParent(fiber) { for (hydrationParentFiber = fiber.return; hydrationParentFiber; ) @@ -4661,12 +4665,12 @@ defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + ? "auto" === defaultClass + ? null + : defaultClass + : "auto" === eventClass + ? null + : eventClass; } function setCurrentTrackFromLanes(lanes) { reusableLaneDevToolDetails.track = @@ -10165,33 +10169,33 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_2830; - var JSCompiler_object_inline_stack_2829 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_2833; + var JSCompiler_object_inline_stack_2832 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_message_2827 = !1; + var JSCompiler_object_inline_message_2830 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_2830 = didSuspend) || - (JSCompiler_object_inline_componentStack_2830 = + (JSCompiler_object_inline_componentStack_2833 = didSuspend) || + (JSCompiler_object_inline_componentStack_2833 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_2830 && - ((JSCompiler_object_inline_message_2827 = !0), + JSCompiler_object_inline_componentStack_2833 && + ((JSCompiler_object_inline_message_2830 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_2830 = + JSCompiler_object_inline_componentStack_2833 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_message_2827 + JSCompiler_object_inline_message_2830 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_digest_2828 = nextHydratableInstance; + var JSCompiler_object_inline_digest_2831 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2828)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2831)) { c: { - var instance = JSCompiler_object_inline_digest_2828; + var instance = JSCompiler_object_inline_digest_2831; for ( JSCompiler_temp = rootOrSingletonContext; 8 !== instance.nodeType; @@ -10233,87 +10237,87 @@ JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_digest_2828 + JSCompiler_object_inline_digest_2831 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_digest_2828 = workInProgress.memoizedState; + JSCompiler_object_inline_digest_2831 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_digest_2828 && - ((JSCompiler_object_inline_digest_2828 = - JSCompiler_object_inline_digest_2828.dehydrated), - null !== JSCompiler_object_inline_digest_2828) + null !== JSCompiler_object_inline_digest_2831 && + ((JSCompiler_object_inline_digest_2831 = + JSCompiler_object_inline_digest_2831.dehydrated), + null !== JSCompiler_object_inline_digest_2831) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2828) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2831) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_digest_2828 = - JSCompiler_object_inline_stack_2829.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2829.fallback; - if (JSCompiler_object_inline_message_2827) + JSCompiler_object_inline_digest_2831 = + JSCompiler_object_inline_stack_2832.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2832.fallback; + if (JSCompiler_object_inline_message_2830) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2829 = + (JSCompiler_object_inline_stack_2832 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2828, + JSCompiler_object_inline_digest_2831, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2827 = workInProgress.child), - (JSCompiler_object_inline_message_2827.memoizedState = + (JSCompiler_object_inline_message_2830 = workInProgress.child), + (JSCompiler_object_inline_message_2830.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2827.childLanes = + (JSCompiler_object_inline_message_2830.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2830, + JSCompiler_object_inline_componentStack_2833, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2829 + JSCompiler_object_inline_stack_2832 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2829.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2832.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2829 = + (JSCompiler_object_inline_stack_2832 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2828, + JSCompiler_object_inline_digest_2831, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2827 = workInProgress.child), - (JSCompiler_object_inline_message_2827.memoizedState = + (JSCompiler_object_inline_message_2830 = workInProgress.child), + (JSCompiler_object_inline_message_2830.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2827.childLanes = + (JSCompiler_object_inline_message_2830.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2830, + JSCompiler_object_inline_componentStack_2833, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2829 + JSCompiler_object_inline_stack_2832 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_digest_2828 + JSCompiler_object_inline_digest_2831 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_digest_2828 = prevState.dehydrated), - null !== JSCompiler_object_inline_digest_2828) + ((JSCompiler_object_inline_digest_2831 = prevState.dehydrated), + null !== JSCompiler_object_inline_digest_2831) ) { if (didSuspend) workInProgress.flags & 256 @@ -10330,94 +10334,94 @@ (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2827 = - JSCompiler_object_inline_stack_2829.fallback), - (JSCompiler_object_inline_digest_2828 = workInProgress.mode), - (JSCompiler_object_inline_stack_2829 = + (JSCompiler_object_inline_message_2830 = + JSCompiler_object_inline_stack_2832.fallback), + (JSCompiler_object_inline_digest_2831 = workInProgress.mode), + (JSCompiler_object_inline_stack_2832 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2829.children + children: JSCompiler_object_inline_stack_2832.children }, - JSCompiler_object_inline_digest_2828 + JSCompiler_object_inline_digest_2831 )), - (JSCompiler_object_inline_message_2827 = + (JSCompiler_object_inline_message_2830 = createFiberFromFragment( - JSCompiler_object_inline_message_2827, - JSCompiler_object_inline_digest_2828, + JSCompiler_object_inline_message_2830, + JSCompiler_object_inline_digest_2831, renderLanes, null )), - (JSCompiler_object_inline_message_2827.flags |= 2), - (JSCompiler_object_inline_stack_2829.return = workInProgress), - (JSCompiler_object_inline_message_2827.return = workInProgress), - (JSCompiler_object_inline_stack_2829.sibling = - JSCompiler_object_inline_message_2827), - (workInProgress.child = JSCompiler_object_inline_stack_2829), + (JSCompiler_object_inline_message_2830.flags |= 2), + (JSCompiler_object_inline_stack_2832.return = workInProgress), + (JSCompiler_object_inline_message_2830.return = workInProgress), + (JSCompiler_object_inline_stack_2832.sibling = + JSCompiler_object_inline_message_2830), + (workInProgress.child = JSCompiler_object_inline_stack_2832), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2829 = workInProgress.child), - (JSCompiler_object_inline_stack_2829.memoizedState = + (JSCompiler_object_inline_stack_2832 = workInProgress.child), + (JSCompiler_object_inline_stack_2832.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2829.childLanes = + (JSCompiler_object_inline_stack_2832.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2830, + JSCompiler_object_inline_componentStack_2833, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - (workInProgress = JSCompiler_object_inline_message_2827)); + (workInProgress = JSCompiler_object_inline_message_2830)); 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_digest_2828)) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2831)) ) { - JSCompiler_object_inline_componentStack_2830 = - JSCompiler_object_inline_digest_2828.nextSibling && - JSCompiler_object_inline_digest_2828.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_2830) { - JSCompiler_temp = JSCompiler_object_inline_componentStack_2830.dgst; - var message = JSCompiler_object_inline_componentStack_2830.msg; - instance = JSCompiler_object_inline_componentStack_2830.stck; + JSCompiler_object_inline_componentStack_2833 = + JSCompiler_object_inline_digest_2831.nextSibling && + JSCompiler_object_inline_digest_2831.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_2833) { + JSCompiler_temp = JSCompiler_object_inline_componentStack_2833.dgst; + var message = JSCompiler_object_inline_componentStack_2833.msg; + instance = JSCompiler_object_inline_componentStack_2833.stck; var componentStack = - JSCompiler_object_inline_componentStack_2830.cstck; + JSCompiler_object_inline_componentStack_2833.cstck; } - JSCompiler_object_inline_message_2827 = message; - JSCompiler_object_inline_digest_2828 = JSCompiler_temp; - JSCompiler_object_inline_stack_2829 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2830 = + JSCompiler_object_inline_message_2830 = message; + JSCompiler_object_inline_digest_2831 = JSCompiler_temp; + JSCompiler_object_inline_stack_2832 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2833 = componentStack; - "POSTPONE" !== JSCompiler_object_inline_digest_2828 && - ((JSCompiler_object_inline_componentStack_2830 = - JSCompiler_object_inline_message_2827 - ? Error(JSCompiler_object_inline_message_2827) + "POSTPONE" !== JSCompiler_object_inline_digest_2831 && + ((JSCompiler_object_inline_componentStack_2833 = + JSCompiler_object_inline_message_2830 + ? Error(JSCompiler_object_inline_message_2830) : 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_2830.stack = - JSCompiler_object_inline_stack_2829 || ""), - (JSCompiler_object_inline_componentStack_2830.digest = - JSCompiler_object_inline_digest_2828), - (JSCompiler_object_inline_stack_2829 = + (JSCompiler_object_inline_componentStack_2833.stack = + JSCompiler_object_inline_stack_2832 || ""), + (JSCompiler_object_inline_componentStack_2833.digest = + JSCompiler_object_inline_digest_2831), + (JSCompiler_object_inline_stack_2832 = void 0 === JSCompiler_temp ? null : JSCompiler_temp), - (JSCompiler_object_inline_message_2827 = { - value: JSCompiler_object_inline_componentStack_2830, + (JSCompiler_object_inline_message_2830 = { + value: JSCompiler_object_inline_componentStack_2833, source: null, - stack: JSCompiler_object_inline_stack_2829 + stack: JSCompiler_object_inline_stack_2832 }), - "string" === typeof JSCompiler_object_inline_stack_2829 && + "string" === typeof JSCompiler_object_inline_stack_2832 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2830, - JSCompiler_object_inline_message_2827 + JSCompiler_object_inline_componentStack_2833, + JSCompiler_object_inline_message_2830 ), - queueHydrationError(JSCompiler_object_inline_message_2827)); + queueHydrationError(JSCompiler_object_inline_message_2830)); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -10431,44 +10435,44 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_2830 = + (JSCompiler_object_inline_componentStack_2833 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_2830) + didReceiveUpdate || JSCompiler_object_inline_componentStack_2833) ) { - JSCompiler_object_inline_componentStack_2830 = workInProgressRoot; + JSCompiler_object_inline_componentStack_2833 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_2830 && - ((JSCompiler_object_inline_stack_2829 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2829 = - 0 !== (JSCompiler_object_inline_stack_2829 & 42) + null !== JSCompiler_object_inline_componentStack_2833 && + ((JSCompiler_object_inline_stack_2832 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2832 = + 0 !== (JSCompiler_object_inline_stack_2832 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2829 + JSCompiler_object_inline_stack_2832 )), - (JSCompiler_object_inline_stack_2829 = + (JSCompiler_object_inline_stack_2832 = 0 !== - (JSCompiler_object_inline_stack_2829 & - (JSCompiler_object_inline_componentStack_2830.suspendedLanes | + (JSCompiler_object_inline_stack_2832 & + (JSCompiler_object_inline_componentStack_2833.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2829), - 0 !== JSCompiler_object_inline_stack_2829 && - JSCompiler_object_inline_stack_2829 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2832), + 0 !== JSCompiler_object_inline_stack_2832 && + JSCompiler_object_inline_stack_2832 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2829), + ((prevState.retryLane = JSCompiler_object_inline_stack_2832), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2829 + JSCompiler_object_inline_stack_2832 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_2830, + JSCompiler_object_inline_componentStack_2833, current, - JSCompiler_object_inline_stack_2829 + JSCompiler_object_inline_stack_2832 ), SelectiveHydrationException) ); - JSCompiler_object_inline_digest_2828.data === + JSCompiler_object_inline_digest_2831.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10476,14 +10480,14 @@ renderLanes ); } else - JSCompiler_object_inline_digest_2828.data === + JSCompiler_object_inline_digest_2831.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_digest_2828.nextSibling + JSCompiler_object_inline_digest_2831.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10501,54 +10505,54 @@ (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2829.children + JSCompiler_object_inline_stack_2832.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_message_2827) + if (JSCompiler_object_inline_message_2830) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2827 = - JSCompiler_object_inline_stack_2829.fallback), - (JSCompiler_object_inline_digest_2828 = workInProgress.mode), + (JSCompiler_object_inline_message_2830 = + JSCompiler_object_inline_stack_2832.fallback), + (JSCompiler_object_inline_digest_2831 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2829 = createWorkInProgress( + (JSCompiler_object_inline_stack_2832 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2829.children + children: JSCompiler_object_inline_stack_2832.children } )), - (JSCompiler_object_inline_stack_2829.subtreeFlags = + (JSCompiler_object_inline_stack_2832.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_message_2827 = createWorkInProgress( + ? (JSCompiler_object_inline_message_2830 = createWorkInProgress( instance, - JSCompiler_object_inline_message_2827 + JSCompiler_object_inline_message_2830 )) - : ((JSCompiler_object_inline_message_2827 = createFiberFromFragment( - JSCompiler_object_inline_message_2827, - JSCompiler_object_inline_digest_2828, + : ((JSCompiler_object_inline_message_2830 = createFiberFromFragment( + JSCompiler_object_inline_message_2830, + JSCompiler_object_inline_digest_2831, renderLanes, null )), - (JSCompiler_object_inline_message_2827.flags |= 2)), - (JSCompiler_object_inline_message_2827.return = workInProgress), - (JSCompiler_object_inline_stack_2829.return = workInProgress), - (JSCompiler_object_inline_stack_2829.sibling = - JSCompiler_object_inline_message_2827), - (workInProgress.child = JSCompiler_object_inline_stack_2829), - (JSCompiler_object_inline_stack_2829 = - JSCompiler_object_inline_message_2827), - (JSCompiler_object_inline_message_2827 = workInProgress.child), - (JSCompiler_object_inline_digest_2828 = current.child.memoizedState), - null === JSCompiler_object_inline_digest_2828 - ? (JSCompiler_object_inline_digest_2828 = + (JSCompiler_object_inline_message_2830.flags |= 2)), + (JSCompiler_object_inline_message_2830.return = workInProgress), + (JSCompiler_object_inline_stack_2832.return = workInProgress), + (JSCompiler_object_inline_stack_2832.sibling = + JSCompiler_object_inline_message_2830), + (workInProgress.child = JSCompiler_object_inline_stack_2832), + (JSCompiler_object_inline_stack_2832 = + JSCompiler_object_inline_message_2830), + (JSCompiler_object_inline_message_2830 = workInProgress.child), + (JSCompiler_object_inline_digest_2831 = current.child.memoizedState), + null === JSCompiler_object_inline_digest_2831 + ? (JSCompiler_object_inline_digest_2831 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_digest_2828.cachePool), + JSCompiler_object_inline_digest_2831.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -10556,38 +10560,38 @@ ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_digest_2828 = { + (JSCompiler_object_inline_digest_2831 = { baseLanes: - JSCompiler_object_inline_digest_2828.baseLanes | renderLanes, + JSCompiler_object_inline_digest_2831.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_message_2827.memoizedState = - JSCompiler_object_inline_digest_2828), - (JSCompiler_object_inline_message_2827.childLanes = + (JSCompiler_object_inline_message_2830.memoizedState = + JSCompiler_object_inline_digest_2831), + (JSCompiler_object_inline_message_2830.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2830, + JSCompiler_object_inline_componentStack_2833, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2829 + JSCompiler_object_inline_stack_2832 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2829.children + children: JSCompiler_object_inline_stack_2832.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_2830 = + ((JSCompiler_object_inline_componentStack_2833 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_2830 + null === JSCompiler_object_inline_componentStack_2833 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_2830.push(current)); + : JSCompiler_object_inline_componentStack_2833.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -11720,6 +11724,18 @@ "\u00bb")), (prevSibling.autoName = prevState)), isHydrating && pushMaterializedTreeId(workInProgress)), + 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) : markRef(current, workInProgress), @@ -12151,7 +12167,7 @@ checkForUnmatchedText(current.nodeValue, renderLanes) ? !0 : !1; - current || throwOnHydrationMismatch(workInProgress); + current || throwOnHydrationMismatch(workInProgress, !0); } else (_type = renderLanes.ancestorInfo.current), null != _type && @@ -13209,6 +13225,10 @@ captureCommitPhaseError(finishedWork, finishedWork.return, error); } } + function trackEnterViewTransitions$1(placement) { + if (30 === placement.tag || 0 !== (placement.subtreeFlags & 33554432)) + shouldStartViewTransition = !0; + } function pushViewTransitionCancelableScope() { var prevChildren = viewTransitionCancelableChildren; viewTransitionCancelableChildren = null; @@ -13239,7 +13259,6 @@ ) { for (var inViewport = !1; null !== child; ) { if (5 === child.tag) { - shouldStartViewTransition = !0; var instance = child.stateNode; if (null !== collectMeasurements) { var measurement = measureInstance(instance); @@ -13247,6 +13266,7 @@ measurement.view && (inViewport = !0); } else inViewport || (measureInstance(instance).view && (inViewport = !0)); + shouldStartViewTransition = !0; applyViewTransitionName( instance, 0 === viewTransitionHostInstanceIdx @@ -13301,7 +13321,7 @@ "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, @@ -13321,7 +13341,7 @@ props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -13360,7 +13380,7 @@ var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -13399,7 +13419,7 @@ ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -13432,7 +13452,7 @@ 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, @@ -13563,7 +13583,7 @@ state = newFiber.stateNode; current = getViewTransitionName(props, state); var oldName = getViewTransitionName(oldFiber.memoizedProps, state); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); if ("none" === props) return !1; gesture ? ((oldFiber = state.clones), @@ -13591,10 +13611,7 @@ 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 = @@ -13752,7 +13769,8 @@ committedLanes && commitExitViewTransitions(JSCompiler_temp[anchorOffset]); if (null === root.alternate && 0 !== (root.flags & 2)) - commitBeforeMutationEffects_complete(committedLanes); + committedLanes && trackEnterViewTransitions$1(root), + commitBeforeMutationEffects_complete(committedLanes); else { if (22 === root.tag) if ( @@ -13768,6 +13786,7 @@ null !== JSCompiler_temp && null !== JSCompiler_temp.memoizedState ) { + committedLanes && trackEnterViewTransitions$1(root); commitBeforeMutationEffects_complete(committedLanes); continue; } @@ -13854,7 +13873,7 @@ )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -16048,7 +16067,7 @@ if (void 0 !== pair) { pairs.delete(name); props = getViewTransitionClassName( - props.className, + props.default, props.share ); if ("none" !== props) { @@ -16078,7 +16097,7 @@ ? appearingViewTransitions.get(name) : void 0; props = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.enter ); if ("none" !== props && void 0 !== pair) { @@ -16105,7 +16124,7 @@ "Found a pair with an auto name. This is a bug in React." ); child = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && ((state = state.clones), null !== state && applyViewTransitionToClones(child, props, state)); @@ -16117,7 +16136,7 @@ props = placement.memoizedProps; placement = getViewTransitionName(props, state); props = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.exit ); "none" !== props && @@ -16324,7 +16343,7 @@ var state = parentFiber.stateNode, props = parentFiber.memoizedProps; instance = getViewTransitionName(props, state); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && ((state = state.clones), null !== state && @@ -16517,7 +16536,7 @@ deletions.memoizedProps, hostParentClone )), - (i = getViewTransitionClassName(i.className, i.update)), + (i = getViewTransitionClassName(i.default, i.update)), "none" !== i && ((hostParentClone = hostParentClone.clones), null !== hostParentClone && @@ -18013,18 +18032,20 @@ null !== root.stoppingGestures && (stopCompletedGestures(root), (finishedWork = !1)); pendingEffectsStatus = PENDING_MUTATION_PHASE; - (finishedWork && - startViewTransition( - root.containerInfo, - pendingTransitionTypes, - flushMutationEffects, - flushLayoutEffects, - flushAfterMutationEffects, - flushSpawnedWork, - flushPassiveEffects, - reportViewTransitionError - )) || - (flushMutationEffects(), flushLayoutEffects(), flushSpawnedWork()); + finishedWork + ? (pendingViewTransition = startViewTransition( + root.containerInfo, + pendingTransitionTypes, + flushMutationEffects, + flushLayoutEffects, + flushAfterMutationEffects, + flushSpawnedWork, + flushPassiveEffects, + reportViewTransitionError + )) + : (flushMutationEffects(), + flushLayoutEffects(), + flushSpawnedWork()); } } } @@ -18215,6 +18236,7 @@ pendingEffectsStatus === PENDING_AFTER_MUTATION_PHASE ) { pendingEffectsStatus = NO_PENDING_EFFECTS; + pendingViewTransition = null; requestPaint(); var root = pendingEffectsRoot, finishedWork = pendingFinishedWork, @@ -18490,18 +18512,19 @@ } pendingTransitionTypes = null; pendingEffectsStatus = PENDING_GESTURE_MUTATION_PHASE; - finishedGesture.running = startGestureTransition( - root.containerInfo, - finishedGesture.provider, - finishedGesture.rangeCurrent, - finishedGesture.direction - ? finishedGesture.rangeNext - : finishedGesture.rangePrevious, - pendingTransitionTypes, - flushGestureMutations, - flushGestureAnimations, - reportViewTransitionError - ); + pendingViewTransition = finishedGesture.running = + startGestureTransition( + root.containerInfo, + finishedGesture.provider, + finishedGesture.rangeCurrent, + finishedGesture.direction + ? finishedGesture.rangeNext + : finishedGesture.rangePrevious, + pendingTransitionTypes, + flushGestureMutations, + flushGestureAnimations, + reportViewTransitionError + ); } } function flushGestureMutations() { @@ -18570,6 +18593,7 @@ finishedWork = pendingFinishedWork; pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; + pendingViewTransition = null; var prevTransition = ReactSharedInternals.T; ReactSharedInternals.T = null; var previousPriority = ReactDOMSharedInternals.p; @@ -18605,6 +18629,14 @@ ((root.pooledCache = null), releaseCache(remainingLanes))); } function flushPendingEffects(wasDelayedCommit) { + null !== pendingViewTransition && + (pendingViewTransition.skipTransition(), + didWarnAboutInterruptedViewTransitions || + ((didWarnAboutInterruptedViewTransitions = !0), + console.warn( + "A flushSync update cancelled a View Transition because it was called while the View Transition was still preparing. To preserve the synchronous semantics, React had to skip the View Transition. If you can, try to avoid flushSync() in a scenario that's likely to interfere." + )), + (pendingViewTransition = null)); flushGestureMutations(); flushGestureAnimations(); flushMutationEffects(); @@ -19064,7 +19096,9 @@ mightHavePendingSyncWork = !0; root = next; } - flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); + (pendingEffectsStatus !== NO_PENDING_EFFECTS && + pendingEffectsStatus !== PENDING_PASSIVE_PHASE) || + flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); } function scheduleTaskForRootDuringMicrotask(root, currentTime) { for ( @@ -22754,9 +22788,11 @@ (ownerDocument.__reactViewTransition = null); passiveCallback(); }); - return !0; + return transition; } catch (x) { - return !1; + return ( + mutationCallback(), layoutCallback(), spawnedWorkCallback(), null + ); } } function mergeTranslate(translateA, translateB) { @@ -28015,6 +28051,7 @@ var didWarnAboutReassigningProps = !1; var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; + var didWarnAboutClassNameOnViewTransition = {}; var SUSPENDED_MARKER = { dehydrated: null, treeContext: null, @@ -28140,6 +28177,7 @@ pendingEffectsRenderEndTime = -0, pendingPassiveTransitions = null, pendingRecoverableErrors = null, + pendingViewTransition = null, pendingViewTransitionEvents = null, pendingTransitionTypes = null, pendingSuspendedCommitReason = IMMEDIATE_COMMIT, @@ -28152,6 +28190,7 @@ nestedPassiveUpdateCount = 0, rootWithPassiveNestedUpdates = null, isRunningInsertionEffect = !1, + didWarnAboutInterruptedViewTransitions = !1, didWarnStateUpdateForNotYetMountedComponent = null, didWarnAboutUpdateInRender = !1; var didWarnAboutUpdateInRenderForAnotherComponent = new Set(); @@ -28319,6 +28358,9 @@ } return result; }; + ViewTransitionPseudoElement.prototype.getComputedStyle = function () { + return getComputedStyle(this._scope, this._selector); + }; FragmentInstance.prototype.addEventListener = function ( type, listener, @@ -28875,11 +28917,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-313332d1-20250326" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-63779030-20250328" !== 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-experimental-313332d1-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-63779030-20250328\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -28916,10 +28958,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-experimental-313332d1-20250326", + version: "19.2.0-experimental-63779030-20250328", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-313332d1-20250326" + reconcilerVersion: "19.2.0-experimental-63779030-20250328" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -29391,7 +29433,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-experimental-313332d1-20250326"; + exports.version = "19.2.0-experimental-63779030-20250328"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js index f35b6163bded8..ddab11b155622 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js @@ -2821,7 +2821,15 @@ var hydrationParentFiber = null, rootOrSingletonContext = !1, HydrationMismatchException = Error(formatProdErrorMessage(519)); function throwOnHydrationMismatch(fiber) { - var error = Error(formatProdErrorMessage(418, "")); + var error = Error( + formatProdErrorMessage( + 418, + 1 < arguments.length && void 0 !== arguments[1] && arguments[1] + ? "text" + : "HTML", + "" + ) + ); queueHydrationError(createCapturedValueAtFiber(error, fiber)); throw HydrationMismatchException; } @@ -2897,7 +2905,7 @@ function prepareToHydrateHostInstance(fiber) { null != props.onClick && (instance.onclick = noop$2), (instance = !0)) : (instance = !1); - instance || throwOnHydrationMismatch(fiber); + instance || throwOnHydrationMismatch(fiber, !0); } function popToNextHostParent(fiber) { for (hydrationParentFiber = fiber.return; hydrationParentFiber; ) @@ -3011,12 +3019,12 @@ function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + ? "auto" === defaultClass + ? null + : defaultClass + : "auto" === eventClass + ? null + : eventClass; } var supportsUserTiming = "undefined" !== typeof performance && @@ -8924,7 +8932,7 @@ function completeWork(current, workInProgress, renderLanes) { checkForUnmatchedText(current.nodeValue, renderLanes) ? !0 : !1; - current || throwOnHydrationMismatch(workInProgress); + current || throwOnHydrationMismatch(workInProgress, !0); } else (current = getOwnerDocumentFromRootContainer(current).createTextNode( @@ -9742,8 +9750,12 @@ function commitHostSingletonAcquisition(finishedWork) { } } var shouldStartViewTransition = !1, - appearingViewTransitions = null, - viewTransitionCancelableChildren = null; + appearingViewTransitions = null; +function trackEnterViewTransitions$1(placement) { + if (30 === placement.tag || 0 !== (placement.subtreeFlags & 33554432)) + shouldStartViewTransition = !0; +} +var viewTransitionCancelableChildren = null; function pushViewTransitionCancelableScope() { var prevChildren = viewTransitionCancelableChildren; viewTransitionCancelableChildren = null; @@ -9775,7 +9787,6 @@ function applyViewTransitionToHostInstancesRecursive( ) { for (var inViewport = !1; null !== child; ) { if (5 === child.tag) { - shouldStartViewTransition = !0; var instance = child.stateNode; if (null !== collectMeasurements) { var measurement = measureInstance(instance); @@ -9783,6 +9794,7 @@ function applyViewTransitionToHostInstancesRecursive( measurement.view && (inViewport = !0); } else inViewport || (measureInstance(instance).view && (inViewport = !0)); + shouldStartViewTransition = !0; applyViewTransitionName( instance, 0 === viewTransitionHostInstanceIdx @@ -9835,7 +9847,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, @@ -9855,7 +9867,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 @@ -9894,7 +9906,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -9930,7 +9942,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -9963,7 +9975,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, @@ -10093,7 +10105,7 @@ function measureUpdateViewTransition(current, finishedWork, gesture) { state = newFiber.stateNode; current = getViewTransitionName(props, state); var oldName = getViewTransitionName(oldFiber.memoizedProps, state); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); if ("none" === props) return !1; gesture ? ((oldFiber = state.clones), @@ -10121,7 +10133,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 = @@ -10245,7 +10257,8 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) { committedLanes && commitExitViewTransitions(JSCompiler_temp[anchorOffset]); if (null === root.alternate && 0 !== (root.flags & 2)) - commitBeforeMutationEffects_complete(committedLanes); + committedLanes && trackEnterViewTransitions$1(root), + commitBeforeMutationEffects_complete(committedLanes); else { if (22 === root.tag) if (((JSCompiler_temp = root.alternate), null !== root.memoizedState)) { @@ -10259,6 +10272,7 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) { null !== JSCompiler_temp && null !== JSCompiler_temp.memoizedState ) { + committedLanes && trackEnterViewTransitions$1(root); commitBeforeMutationEffects_complete(committedLanes); continue; } @@ -10355,7 +10369,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, @@ -12399,10 +12413,7 @@ function trackDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { pairs.delete(name); - props = getViewTransitionClassName( - props.className, - props.share - ); + props = getViewTransitionClassName(props.default, props.share); if ("none" !== props) { var newInstance = deletion.stateNode; pair.paired = newInstance; @@ -12430,7 +12441,7 @@ function trackEnterViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0; props = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.enter ); if ("none" !== props && void 0 !== pair) { @@ -12455,7 +12466,7 @@ function applyAppearingPairViewTransition(child) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); child = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && ((state = state.clones), null !== state && applyViewTransitionToClones(child, props, state)); @@ -12467,7 +12478,7 @@ function applyExitViewTransition(placement) { props = placement.memoizedProps; placement = getViewTransitionName(props, state); props = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.exit ); "none" !== props && @@ -12646,7 +12657,7 @@ function recursivelyInsertClonesFromExistingTree( var state = parentFiber.stateNode, props = parentFiber.memoizedProps; instance = getViewTransitionName(props, state); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && ((state = state.clones), null !== state && @@ -12789,7 +12800,7 @@ function recursivelyInsertClones( i )), (nextPhase = getViewTransitionClassName( - nextPhase.className, + nextPhase.default, nextPhase.update )), "none" !== nextPhase && @@ -12949,6 +12960,7 @@ var DefaultAsyncDispatcher = { pendingEffectsRenderEndTime = -0, pendingPassiveTransitions = null, pendingRecoverableErrors = null, + pendingViewTransition = null, pendingViewTransitionEvents = null, pendingTransitionTypes = null, pendingSuspendedCommitReason = 0, @@ -14126,18 +14138,18 @@ function commitRoot( null !== root.stoppingGestures && (stopCompletedGestures(root), (finishedWork = !1)); pendingEffectsStatus = 1; - (finishedWork && - startViewTransition( - root.containerInfo, - pendingTransitionTypes, - flushMutationEffects, - flushLayoutEffects, - flushAfterMutationEffects, - flushSpawnedWork, - flushPassiveEffects, - reportViewTransitionError - )) || - (flushMutationEffects(), flushLayoutEffects(), flushSpawnedWork()); + finishedWork + ? (pendingViewTransition = startViewTransition( + root.containerInfo, + pendingTransitionTypes, + flushMutationEffects, + flushLayoutEffects, + flushAfterMutationEffects, + flushSpawnedWork, + flushPassiveEffects, + reportViewTransitionError + )) + : (flushMutationEffects(), flushLayoutEffects(), flushSpawnedWork()); } } } @@ -14312,6 +14324,7 @@ function flushLayoutEffects() { function flushSpawnedWork() { if (4 === pendingEffectsStatus || 3 === pendingEffectsStatus) { pendingEffectsStatus = 0; + pendingViewTransition = null; requestPaint(); var root = pendingEffectsRoot, finishedWork = pendingFinishedWork, @@ -14559,7 +14572,7 @@ function commitGestureOnRoot(root, finishedWork) { } pendingTransitionTypes = null; pendingEffectsStatus = 6; - finishedGesture.running = startGestureTransition( + pendingViewTransition = finishedGesture.running = startGestureTransition( root.containerInfo, finishedGesture.provider, finishedGesture.rangeCurrent, @@ -14632,6 +14645,7 @@ function flushGestureAnimations() { finishedWork = pendingFinishedWork; pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; + pendingViewTransition = null; var prevTransition = ReactSharedInternals.T; ReactSharedInternals.T = null; var previousPriority = ReactDOMSharedInternals.p; @@ -14656,6 +14670,8 @@ function releaseRootPooledCache(root, remainingLanes) { ((root.pooledCache = null), releaseCache(remainingLanes))); } function flushPendingEffects(wasDelayedCommit) { + null !== pendingViewTransition && + (pendingViewTransition.skipTransition(), (pendingViewTransition = null)); flushGestureMutations(); flushGestureAnimations(); flushMutationEffects(); @@ -14967,7 +14983,8 @@ function processRootScheduleInMicrotask() { mightHavePendingSyncWork = !0; root = next; } - flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); + (0 !== pendingEffectsStatus && 5 !== pendingEffectsStatus) || + flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); } function scheduleTaskForRootDuringMicrotask(root, currentTime) { for ( @@ -17373,9 +17390,9 @@ function startViewTransition( (ownerDocument.__reactViewTransition = null); passiveCallback(); }); - return !0; + return transition; } catch (x) { - return !1; + return mutationCallback(), layoutCallback(), spawnedWorkCallback(), null; } } function mergeTranslate(translateA, translateB) { @@ -17591,6 +17608,9 @@ ViewTransitionPseudoElement.prototype.getAnimations = function () { } return result; }; +ViewTransitionPseudoElement.prototype.getComputedStyle = function () { + return getComputedStyle(this._scope, this._selector); +}; function createViewTransitionInstance(name) { return { name: name, @@ -19568,14 +19588,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2129 = React.version; if ( - "19.1.0-experimental-313332d1-20250326" !== + "19.2.0-experimental-63779030-20250328" !== isomorphicReactPackageVersion$jscomp$inline_2129 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2129, - "19.1.0-experimental-313332d1-20250326" + "19.2.0-experimental-63779030-20250328" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -19595,24 +19615,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2735 = { +var internals$jscomp$inline_2737 = { bundleType: 0, - version: "19.1.0-experimental-313332d1-20250326", + version: "19.2.0-experimental-63779030-20250328", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-313332d1-20250326" + reconcilerVersion: "19.2.0-experimental-63779030-20250328" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2736 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2738 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2736.isDisabled && - hook$jscomp$inline_2736.supportsFiber + !hook$jscomp$inline_2738.isDisabled && + hook$jscomp$inline_2738.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2736.inject( - internals$jscomp$inline_2735 + (rendererID = hook$jscomp$inline_2738.inject( + internals$jscomp$inline_2737 )), - (injectedHook = hook$jscomp$inline_2736); + (injectedHook = hook$jscomp$inline_2738); } catch (err) {} } function noop() {} @@ -19865,7 +19885,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-experimental-313332d1-20250326"; +exports.version = "19.2.0-experimental-63779030-20250328"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js index cfbd42636bcb9..85be574f73f90 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js @@ -9628,5 +9628,5 @@ '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-experimental-313332d1-20250326"; + exports.version = "19.2.0-experimental-63779030-20250328"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js index 73466b03db94d..5ae914e2961d0 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js @@ -6358,4 +6358,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-experimental-313332d1-20250326"; +exports.version = "19.2.0-experimental-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js index 65efe4e5e0caf..a20345b361e06 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js @@ -9628,5 +9628,5 @@ '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 "renderToPipeableStream" which supports Suspense on the server' ); }; - exports.version = "19.1.0-experimental-313332d1-20250326"; + exports.version = "19.2.0-experimental-63779030-20250328"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js index f4cd9f3e74789..44a5057cead3b 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js @@ -6452,4 +6452,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 "renderToPipeableStream" which supports Suspense on the server' ); }; -exports.version = "19.1.0-experimental-313332d1-20250326"; +exports.version = "19.2.0-experimental-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js index 698529f664335..4582249c380b0 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js @@ -8520,11 +8520,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-313332d1-20250326" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-63779030-20250328" !== 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-experimental-313332d1-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-63779030-20250328\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react-experimental"), @@ -10326,5 +10326,5 @@ startWork(request); }); }; - exports.version = "19.1.0-experimental-313332d1-20250326"; + exports.version = "19.2.0-experimental-63779030-20250328"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js index a52f117b51d21..2e0b97642c93d 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js @@ -6899,12 +6899,12 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-313332d1-20250326" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-63779030-20250328" !== isomorphicReactPackageVersion) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion, - "19.1.0-experimental-313332d1-20250326" + "19.2.0-experimental-63779030-20250328" ) ); } @@ -7159,4 +7159,4 @@ exports.resumeAndPrerender = function (children, postponedState, options) { startWork(request); }); }; -exports.version = "19.1.0-experimental-313332d1-20250326"; +exports.version = "19.2.0-experimental-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js index f937e486e1366..040af59676470 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js @@ -6377,13 +6377,13 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) { } var isomorphicReactPackageVersion$jscomp$inline_818 = React.version; if ( - "19.1.0-experimental-313332d1-20250326" !== + "19.2.0-experimental-63779030-20250328" !== isomorphicReactPackageVersion$jscomp$inline_818 ) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion$jscomp$inline_818 + - "\n - react-dom: 19.1.0-experimental-313332d1-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-63779030-20250328\nLearn more: https://react.dev/warnings/version-mismatch") ); exports.renderToReadableStream = function (children, options) { return new Promise(function (resolve, reject) { @@ -6474,4 +6474,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.1.0-experimental-313332d1-20250326"; +exports.version = "19.2.0-experimental-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js index 63fd1c169381a..575a6095a0545 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js @@ -8543,11 +8543,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-313332d1-20250326" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-63779030-20250328" !== 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-experimental-313332d1-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-63779030-20250328\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react-experimental"), @@ -10356,5 +10356,5 @@ const setTimeoutOrImmediate = ? globalThis['set' + 'Immediate'] : setTimeout; - exports.version = "19.1.0-experimental-313332d1-20250326"; + exports.version = "19.2.0-experimental-63779030-20250328"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js index 87a2e3220195c..e37cb0744e1b0 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js @@ -7008,11 +7008,11 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-313332d1-20250326" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-63779030-20250328" !== 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-experimental-313332d1-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-63779030-20250328\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -7277,4 +7277,4 @@ const setTimeoutOrImmediate = ? globalThis['set' + 'Immediate'] : setTimeout; -exports.version = "19.1.0-experimental-313332d1-20250326"; +exports.version = "19.2.0-experimental-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js index a871fb5a73071..1296756a271d9 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js @@ -8407,11 +8407,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-313332d1-20250326" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-63779030-20250328" !== 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-experimental-313332d1-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-63779030-20250328\nLearn more: https://react.dev/warnings/version-mismatch") ); } function createDrainHandler(destination, request) { @@ -10206,5 +10206,5 @@ } }; }; - exports.version = "19.1.0-experimental-313332d1-20250326"; + exports.version = "19.2.0-experimental-63779030-20250328"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js index 0af3170e58105..c777095d3fec2 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js @@ -6887,11 +6887,11 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-313332d1-20250326" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-63779030-20250328" !== 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-experimental-313332d1-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-63779030-20250328\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -7142,4 +7142,4 @@ exports.resumeToPipeableStream = function (children, postponedState, options) { } }; }; -exports.version = "19.1.0-experimental-313332d1-20250326"; +exports.version = "19.2.0-experimental-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js index 2b720cb2c2f4e..d936709e312aa 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js @@ -4464,14 +4464,18 @@ fiber.serverTail.push(rejectedCandidate))); } function throwOnHydrationMismatch(fiber) { - var diff = "", + var fromText = + 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : !1, + diff = "", diffRoot = hydrationDiffRootDEV; null !== diffRoot && ((hydrationDiffRootDEV = null), (diff = describeDiff(diffRoot))); queueHydrationError( createCapturedValueAtFiber( Error( - "Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch" + + "Hydration failed because the server rendered " + + (fromText ? "text" : "HTML") + + " didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch" + diff ), fiber @@ -4567,7 +4571,7 @@ null != props.onClick && (didHydrate.onclick = noop$1), (didHydrate = !0)) : (didHydrate = !1); - didHydrate || throwOnHydrationMismatch(fiber); + didHydrate || throwOnHydrationMismatch(fiber, !0); } function popToNextHostParent(fiber) { for (hydrationParentFiber = fiber.return; hydrationParentFiber; ) @@ -4694,12 +4698,12 @@ defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + ? "auto" === defaultClass + ? null + : defaultClass + : "auto" === eventClass + ? null + : eventClass; } function setCurrentTrackFromLanes(lanes) { reusableLaneDevToolDetails.track = @@ -10198,33 +10202,33 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_2859; - var JSCompiler_object_inline_stack_2858 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_2862; + var JSCompiler_object_inline_stack_2861 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_message_2856 = !1; + var JSCompiler_object_inline_message_2859 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_2859 = didSuspend) || - (JSCompiler_object_inline_componentStack_2859 = + (JSCompiler_object_inline_componentStack_2862 = didSuspend) || + (JSCompiler_object_inline_componentStack_2862 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_2859 && - ((JSCompiler_object_inline_message_2856 = !0), + JSCompiler_object_inline_componentStack_2862 && + ((JSCompiler_object_inline_message_2859 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_2859 = + JSCompiler_object_inline_componentStack_2862 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_message_2856 + JSCompiler_object_inline_message_2859 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_digest_2857 = nextHydratableInstance; + var JSCompiler_object_inline_digest_2860 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2857)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2860)) { c: { - var instance = JSCompiler_object_inline_digest_2857; + var instance = JSCompiler_object_inline_digest_2860; for ( JSCompiler_temp = rootOrSingletonContext; 8 !== instance.nodeType; @@ -10266,87 +10270,87 @@ JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_digest_2857 + JSCompiler_object_inline_digest_2860 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_digest_2857 = workInProgress.memoizedState; + JSCompiler_object_inline_digest_2860 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_digest_2857 && - ((JSCompiler_object_inline_digest_2857 = - JSCompiler_object_inline_digest_2857.dehydrated), - null !== JSCompiler_object_inline_digest_2857) + null !== JSCompiler_object_inline_digest_2860 && + ((JSCompiler_object_inline_digest_2860 = + JSCompiler_object_inline_digest_2860.dehydrated), + null !== JSCompiler_object_inline_digest_2860) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2857) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2860) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_digest_2857 = - JSCompiler_object_inline_stack_2858.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2858.fallback; - if (JSCompiler_object_inline_message_2856) + JSCompiler_object_inline_digest_2860 = + JSCompiler_object_inline_stack_2861.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2861.fallback; + if (JSCompiler_object_inline_message_2859) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2858 = + (JSCompiler_object_inline_stack_2861 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2857, + JSCompiler_object_inline_digest_2860, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2856 = workInProgress.child), - (JSCompiler_object_inline_message_2856.memoizedState = + (JSCompiler_object_inline_message_2859 = workInProgress.child), + (JSCompiler_object_inline_message_2859.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2856.childLanes = + (JSCompiler_object_inline_message_2859.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2859, + JSCompiler_object_inline_componentStack_2862, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2858 + JSCompiler_object_inline_stack_2861 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2858.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2861.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2858 = + (JSCompiler_object_inline_stack_2861 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2857, + JSCompiler_object_inline_digest_2860, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2856 = workInProgress.child), - (JSCompiler_object_inline_message_2856.memoizedState = + (JSCompiler_object_inline_message_2859 = workInProgress.child), + (JSCompiler_object_inline_message_2859.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2856.childLanes = + (JSCompiler_object_inline_message_2859.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2859, + JSCompiler_object_inline_componentStack_2862, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2858 + JSCompiler_object_inline_stack_2861 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_digest_2857 + JSCompiler_object_inline_digest_2860 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_digest_2857 = prevState.dehydrated), - null !== JSCompiler_object_inline_digest_2857) + ((JSCompiler_object_inline_digest_2860 = prevState.dehydrated), + null !== JSCompiler_object_inline_digest_2860) ) { if (didSuspend) workInProgress.flags & 256 @@ -10363,94 +10367,94 @@ (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2856 = - JSCompiler_object_inline_stack_2858.fallback), - (JSCompiler_object_inline_digest_2857 = workInProgress.mode), - (JSCompiler_object_inline_stack_2858 = + (JSCompiler_object_inline_message_2859 = + JSCompiler_object_inline_stack_2861.fallback), + (JSCompiler_object_inline_digest_2860 = workInProgress.mode), + (JSCompiler_object_inline_stack_2861 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2858.children + children: JSCompiler_object_inline_stack_2861.children }, - JSCompiler_object_inline_digest_2857 + JSCompiler_object_inline_digest_2860 )), - (JSCompiler_object_inline_message_2856 = + (JSCompiler_object_inline_message_2859 = createFiberFromFragment( - JSCompiler_object_inline_message_2856, - JSCompiler_object_inline_digest_2857, + JSCompiler_object_inline_message_2859, + JSCompiler_object_inline_digest_2860, renderLanes, null )), - (JSCompiler_object_inline_message_2856.flags |= 2), - (JSCompiler_object_inline_stack_2858.return = workInProgress), - (JSCompiler_object_inline_message_2856.return = workInProgress), - (JSCompiler_object_inline_stack_2858.sibling = - JSCompiler_object_inline_message_2856), - (workInProgress.child = JSCompiler_object_inline_stack_2858), + (JSCompiler_object_inline_message_2859.flags |= 2), + (JSCompiler_object_inline_stack_2861.return = workInProgress), + (JSCompiler_object_inline_message_2859.return = workInProgress), + (JSCompiler_object_inline_stack_2861.sibling = + JSCompiler_object_inline_message_2859), + (workInProgress.child = JSCompiler_object_inline_stack_2861), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2858 = workInProgress.child), - (JSCompiler_object_inline_stack_2858.memoizedState = + (JSCompiler_object_inline_stack_2861 = workInProgress.child), + (JSCompiler_object_inline_stack_2861.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2858.childLanes = + (JSCompiler_object_inline_stack_2861.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2859, + JSCompiler_object_inline_componentStack_2862, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - (workInProgress = JSCompiler_object_inline_message_2856)); + (workInProgress = JSCompiler_object_inline_message_2859)); 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_digest_2857)) + isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2860)) ) { - JSCompiler_object_inline_componentStack_2859 = - JSCompiler_object_inline_digest_2857.nextSibling && - JSCompiler_object_inline_digest_2857.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_2859) { - JSCompiler_temp = JSCompiler_object_inline_componentStack_2859.dgst; - var message = JSCompiler_object_inline_componentStack_2859.msg; - instance = JSCompiler_object_inline_componentStack_2859.stck; + JSCompiler_object_inline_componentStack_2862 = + JSCompiler_object_inline_digest_2860.nextSibling && + JSCompiler_object_inline_digest_2860.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_2862) { + JSCompiler_temp = JSCompiler_object_inline_componentStack_2862.dgst; + var message = JSCompiler_object_inline_componentStack_2862.msg; + instance = JSCompiler_object_inline_componentStack_2862.stck; var componentStack = - JSCompiler_object_inline_componentStack_2859.cstck; + JSCompiler_object_inline_componentStack_2862.cstck; } - JSCompiler_object_inline_message_2856 = message; - JSCompiler_object_inline_digest_2857 = JSCompiler_temp; - JSCompiler_object_inline_stack_2858 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2859 = + JSCompiler_object_inline_message_2859 = message; + JSCompiler_object_inline_digest_2860 = JSCompiler_temp; + JSCompiler_object_inline_stack_2861 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2862 = componentStack; - "POSTPONE" !== JSCompiler_object_inline_digest_2857 && - ((JSCompiler_object_inline_componentStack_2859 = - JSCompiler_object_inline_message_2856 - ? Error(JSCompiler_object_inline_message_2856) + "POSTPONE" !== JSCompiler_object_inline_digest_2860 && + ((JSCompiler_object_inline_componentStack_2862 = + JSCompiler_object_inline_message_2859 + ? Error(JSCompiler_object_inline_message_2859) : 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_2859.stack = - JSCompiler_object_inline_stack_2858 || ""), - (JSCompiler_object_inline_componentStack_2859.digest = - JSCompiler_object_inline_digest_2857), - (JSCompiler_object_inline_stack_2858 = + (JSCompiler_object_inline_componentStack_2862.stack = + JSCompiler_object_inline_stack_2861 || ""), + (JSCompiler_object_inline_componentStack_2862.digest = + JSCompiler_object_inline_digest_2860), + (JSCompiler_object_inline_stack_2861 = void 0 === JSCompiler_temp ? null : JSCompiler_temp), - (JSCompiler_object_inline_message_2856 = { - value: JSCompiler_object_inline_componentStack_2859, + (JSCompiler_object_inline_message_2859 = { + value: JSCompiler_object_inline_componentStack_2862, source: null, - stack: JSCompiler_object_inline_stack_2858 + stack: JSCompiler_object_inline_stack_2861 }), - "string" === typeof JSCompiler_object_inline_stack_2858 && + "string" === typeof JSCompiler_object_inline_stack_2861 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2859, - JSCompiler_object_inline_message_2856 + JSCompiler_object_inline_componentStack_2862, + JSCompiler_object_inline_message_2859 ), - queueHydrationError(JSCompiler_object_inline_message_2856)); + queueHydrationError(JSCompiler_object_inline_message_2859)); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -10464,44 +10468,44 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_2859 = + (JSCompiler_object_inline_componentStack_2862 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_2859) + didReceiveUpdate || JSCompiler_object_inline_componentStack_2862) ) { - JSCompiler_object_inline_componentStack_2859 = workInProgressRoot; + JSCompiler_object_inline_componentStack_2862 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_2859 && - ((JSCompiler_object_inline_stack_2858 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2858 = - 0 !== (JSCompiler_object_inline_stack_2858 & 42) + null !== JSCompiler_object_inline_componentStack_2862 && + ((JSCompiler_object_inline_stack_2861 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2861 = + 0 !== (JSCompiler_object_inline_stack_2861 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2858 + JSCompiler_object_inline_stack_2861 )), - (JSCompiler_object_inline_stack_2858 = + (JSCompiler_object_inline_stack_2861 = 0 !== - (JSCompiler_object_inline_stack_2858 & - (JSCompiler_object_inline_componentStack_2859.suspendedLanes | + (JSCompiler_object_inline_stack_2861 & + (JSCompiler_object_inline_componentStack_2862.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2858), - 0 !== JSCompiler_object_inline_stack_2858 && - JSCompiler_object_inline_stack_2858 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2861), + 0 !== JSCompiler_object_inline_stack_2861 && + JSCompiler_object_inline_stack_2861 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2858), + ((prevState.retryLane = JSCompiler_object_inline_stack_2861), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2858 + JSCompiler_object_inline_stack_2861 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_2859, + JSCompiler_object_inline_componentStack_2862, current, - JSCompiler_object_inline_stack_2858 + JSCompiler_object_inline_stack_2861 ), SelectiveHydrationException) ); - JSCompiler_object_inline_digest_2857.data === + JSCompiler_object_inline_digest_2860.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10509,14 +10513,14 @@ renderLanes ); } else - JSCompiler_object_inline_digest_2857.data === + JSCompiler_object_inline_digest_2860.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_digest_2857.nextSibling + JSCompiler_object_inline_digest_2860.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10534,54 +10538,54 @@ (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2858.children + JSCompiler_object_inline_stack_2861.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_message_2856) + if (JSCompiler_object_inline_message_2859) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2856 = - JSCompiler_object_inline_stack_2858.fallback), - (JSCompiler_object_inline_digest_2857 = workInProgress.mode), + (JSCompiler_object_inline_message_2859 = + JSCompiler_object_inline_stack_2861.fallback), + (JSCompiler_object_inline_digest_2860 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2858 = createWorkInProgress( + (JSCompiler_object_inline_stack_2861 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2858.children + children: JSCompiler_object_inline_stack_2861.children } )), - (JSCompiler_object_inline_stack_2858.subtreeFlags = + (JSCompiler_object_inline_stack_2861.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_message_2856 = createWorkInProgress( + ? (JSCompiler_object_inline_message_2859 = createWorkInProgress( instance, - JSCompiler_object_inline_message_2856 + JSCompiler_object_inline_message_2859 )) - : ((JSCompiler_object_inline_message_2856 = createFiberFromFragment( - JSCompiler_object_inline_message_2856, - JSCompiler_object_inline_digest_2857, + : ((JSCompiler_object_inline_message_2859 = createFiberFromFragment( + JSCompiler_object_inline_message_2859, + JSCompiler_object_inline_digest_2860, renderLanes, null )), - (JSCompiler_object_inline_message_2856.flags |= 2)), - (JSCompiler_object_inline_message_2856.return = workInProgress), - (JSCompiler_object_inline_stack_2858.return = workInProgress), - (JSCompiler_object_inline_stack_2858.sibling = - JSCompiler_object_inline_message_2856), - (workInProgress.child = JSCompiler_object_inline_stack_2858), - (JSCompiler_object_inline_stack_2858 = - JSCompiler_object_inline_message_2856), - (JSCompiler_object_inline_message_2856 = workInProgress.child), - (JSCompiler_object_inline_digest_2857 = current.child.memoizedState), - null === JSCompiler_object_inline_digest_2857 - ? (JSCompiler_object_inline_digest_2857 = + (JSCompiler_object_inline_message_2859.flags |= 2)), + (JSCompiler_object_inline_message_2859.return = workInProgress), + (JSCompiler_object_inline_stack_2861.return = workInProgress), + (JSCompiler_object_inline_stack_2861.sibling = + JSCompiler_object_inline_message_2859), + (workInProgress.child = JSCompiler_object_inline_stack_2861), + (JSCompiler_object_inline_stack_2861 = + JSCompiler_object_inline_message_2859), + (JSCompiler_object_inline_message_2859 = workInProgress.child), + (JSCompiler_object_inline_digest_2860 = current.child.memoizedState), + null === JSCompiler_object_inline_digest_2860 + ? (JSCompiler_object_inline_digest_2860 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_digest_2857.cachePool), + JSCompiler_object_inline_digest_2860.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -10589,38 +10593,38 @@ ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_digest_2857 = { + (JSCompiler_object_inline_digest_2860 = { baseLanes: - JSCompiler_object_inline_digest_2857.baseLanes | renderLanes, + JSCompiler_object_inline_digest_2860.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_message_2856.memoizedState = - JSCompiler_object_inline_digest_2857), - (JSCompiler_object_inline_message_2856.childLanes = + (JSCompiler_object_inline_message_2859.memoizedState = + JSCompiler_object_inline_digest_2860), + (JSCompiler_object_inline_message_2859.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2859, + JSCompiler_object_inline_componentStack_2862, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2858 + JSCompiler_object_inline_stack_2861 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2858.children + children: JSCompiler_object_inline_stack_2861.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_2859 = + ((JSCompiler_object_inline_componentStack_2862 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_2859 + null === JSCompiler_object_inline_componentStack_2862 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_2859.push(current)); + : JSCompiler_object_inline_componentStack_2862.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -11753,6 +11757,18 @@ "\u00bb")), (prevSibling.autoName = prevState)), isHydrating && pushMaterializedTreeId(workInProgress)), + 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) : markRef(current, workInProgress), @@ -12184,7 +12200,7 @@ checkForUnmatchedText(current.nodeValue, renderLanes) ? !0 : !1; - current || throwOnHydrationMismatch(workInProgress); + current || throwOnHydrationMismatch(workInProgress, !0); } else (_type = renderLanes.ancestorInfo.current), null != _type && @@ -13242,6 +13258,10 @@ captureCommitPhaseError(finishedWork, finishedWork.return, error); } } + function trackEnterViewTransitions$1(placement) { + if (30 === placement.tag || 0 !== (placement.subtreeFlags & 33554432)) + shouldStartViewTransition = !0; + } function pushViewTransitionCancelableScope() { var prevChildren = viewTransitionCancelableChildren; viewTransitionCancelableChildren = null; @@ -13272,7 +13292,6 @@ ) { for (var inViewport = !1; null !== child; ) { if (5 === child.tag) { - shouldStartViewTransition = !0; var instance = child.stateNode; if (null !== collectMeasurements) { var measurement = measureInstance(instance); @@ -13280,6 +13299,7 @@ measurement.view && (inViewport = !0); } else inViewport || (measureInstance(instance).view && (inViewport = !0)); + shouldStartViewTransition = !0; applyViewTransitionName( instance, 0 === viewTransitionHostInstanceIdx @@ -13334,7 +13354,7 @@ "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, @@ -13354,7 +13374,7 @@ props = placement.memoizedProps, name = getViewTransitionName(props, state), className = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.enter ); "none" !== className @@ -13393,7 +13413,7 @@ var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -13432,7 +13452,7 @@ ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -13465,7 +13485,7 @@ 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, @@ -13596,7 +13616,7 @@ state = newFiber.stateNode; current = getViewTransitionName(props, state); var oldName = getViewTransitionName(oldFiber.memoizedProps, state); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); if ("none" === props) return !1; gesture ? ((oldFiber = state.clones), @@ -13624,10 +13644,7 @@ 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 = @@ -13785,7 +13802,8 @@ committedLanes && commitExitViewTransitions(JSCompiler_temp[anchorOffset]); if (null === root.alternate && 0 !== (root.flags & 2)) - commitBeforeMutationEffects_complete(committedLanes); + committedLanes && trackEnterViewTransitions$1(root), + commitBeforeMutationEffects_complete(committedLanes); else { if (22 === root.tag) if ( @@ -13801,6 +13819,7 @@ null !== JSCompiler_temp && null !== JSCompiler_temp.memoizedState ) { + committedLanes && trackEnterViewTransitions$1(root); commitBeforeMutationEffects_complete(committedLanes); continue; } @@ -13887,7 +13906,7 @@ )), (current = current.memoizedProps), (current = getViewTransitionClassName( - current.className, + current.default, current.update )), "none" !== current && @@ -16081,7 +16100,7 @@ if (void 0 !== pair) { pairs.delete(name); props = getViewTransitionClassName( - props.className, + props.default, props.share ); if ("none" !== props) { @@ -16111,7 +16130,7 @@ ? appearingViewTransitions.get(name) : void 0; props = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.enter ); if ("none" !== props && void 0 !== pair) { @@ -16138,7 +16157,7 @@ "Found a pair with an auto name. This is a bug in React." ); child = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && ((state = state.clones), null !== state && applyViewTransitionToClones(child, props, state)); @@ -16150,7 +16169,7 @@ props = placement.memoizedProps; placement = getViewTransitionName(props, state); props = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.exit ); "none" !== props && @@ -16357,7 +16376,7 @@ var state = parentFiber.stateNode, props = parentFiber.memoizedProps; instance = getViewTransitionName(props, state); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && ((state = state.clones), null !== state && @@ -16550,7 +16569,7 @@ deletions.memoizedProps, hostParentClone )), - (i = getViewTransitionClassName(i.className, i.update)), + (i = getViewTransitionClassName(i.default, i.update)), "none" !== i && ((hostParentClone = hostParentClone.clones), null !== hostParentClone && @@ -18228,18 +18247,20 @@ null !== root.stoppingGestures && (stopCompletedGestures(root), (finishedWork = !1)); pendingEffectsStatus = PENDING_MUTATION_PHASE; - (finishedWork && - startViewTransition( - root.containerInfo, - pendingTransitionTypes, - flushMutationEffects, - flushLayoutEffects, - flushAfterMutationEffects, - flushSpawnedWork, - flushPassiveEffects, - reportViewTransitionError - )) || - (flushMutationEffects(), flushLayoutEffects(), flushSpawnedWork()); + finishedWork + ? (pendingViewTransition = startViewTransition( + root.containerInfo, + pendingTransitionTypes, + flushMutationEffects, + flushLayoutEffects, + flushAfterMutationEffects, + flushSpawnedWork, + flushPassiveEffects, + reportViewTransitionError + )) + : (flushMutationEffects(), + flushLayoutEffects(), + flushSpawnedWork()); } } } @@ -18430,6 +18451,7 @@ pendingEffectsStatus === PENDING_AFTER_MUTATION_PHASE ) { pendingEffectsStatus = NO_PENDING_EFFECTS; + pendingViewTransition = null; requestPaint(); var root = pendingEffectsRoot, finishedWork = pendingFinishedWork, @@ -18705,18 +18727,19 @@ } pendingTransitionTypes = null; pendingEffectsStatus = PENDING_GESTURE_MUTATION_PHASE; - finishedGesture.running = startGestureTransition( - root.containerInfo, - finishedGesture.provider, - finishedGesture.rangeCurrent, - finishedGesture.direction - ? finishedGesture.rangeNext - : finishedGesture.rangePrevious, - pendingTransitionTypes, - flushGestureMutations, - flushGestureAnimations, - reportViewTransitionError - ); + pendingViewTransition = finishedGesture.running = + startGestureTransition( + root.containerInfo, + finishedGesture.provider, + finishedGesture.rangeCurrent, + finishedGesture.direction + ? finishedGesture.rangeNext + : finishedGesture.rangePrevious, + pendingTransitionTypes, + flushGestureMutations, + flushGestureAnimations, + reportViewTransitionError + ); } } function flushGestureMutations() { @@ -18785,6 +18808,7 @@ finishedWork = pendingFinishedWork; pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; + pendingViewTransition = null; var prevTransition = ReactSharedInternals.T; ReactSharedInternals.T = null; var previousPriority = ReactDOMSharedInternals.p; @@ -18820,6 +18844,14 @@ ((root.pooledCache = null), releaseCache(remainingLanes))); } function flushPendingEffects(wasDelayedCommit) { + null !== pendingViewTransition && + (pendingViewTransition.skipTransition(), + didWarnAboutInterruptedViewTransitions || + ((didWarnAboutInterruptedViewTransitions = !0), + console.warn( + "A flushSync update cancelled a View Transition because it was called while the View Transition was still preparing. To preserve the synchronous semantics, React had to skip the View Transition. If you can, try to avoid flushSync() in a scenario that's likely to interfere." + )), + (pendingViewTransition = null)); flushGestureMutations(); flushGestureAnimations(); flushMutationEffects(); @@ -19279,7 +19311,9 @@ mightHavePendingSyncWork = !0; root = next; } - flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); + (pendingEffectsStatus !== NO_PENDING_EFFECTS && + pendingEffectsStatus !== PENDING_PASSIVE_PHASE) || + flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); } function scheduleTaskForRootDuringMicrotask(root, currentTime) { for ( @@ -22969,9 +23003,11 @@ (ownerDocument.__reactViewTransition = null); passiveCallback(); }); - return !0; + return transition; } catch (x) { - return !1; + return ( + mutationCallback(), layoutCallback(), spawnedWorkCallback(), null + ); } } function mergeTranslate(translateA, translateB) { @@ -28278,6 +28314,7 @@ var didWarnAboutReassigningProps = !1; var didWarnAboutRevealOrder = {}; var didWarnAboutTailOptions = {}; + var didWarnAboutClassNameOnViewTransition = {}; var SUSPENDED_MARKER = { dehydrated: null, treeContext: null, @@ -28408,6 +28445,7 @@ pendingEffectsRenderEndTime = -0, pendingPassiveTransitions = null, pendingRecoverableErrors = null, + pendingViewTransition = null, pendingViewTransitionEvents = null, pendingTransitionTypes = null, pendingSuspendedCommitReason = IMMEDIATE_COMMIT, @@ -28420,6 +28458,7 @@ nestedPassiveUpdateCount = 0, rootWithPassiveNestedUpdates = null, isRunningInsertionEffect = !1, + didWarnAboutInterruptedViewTransitions = !1, didWarnStateUpdateForNotYetMountedComponent = null, didWarnAboutUpdateInRender = !1; var didWarnAboutUpdateInRenderForAnotherComponent = new Set(); @@ -28587,6 +28626,9 @@ } return result; }; + ViewTransitionPseudoElement.prototype.getComputedStyle = function () { + return getComputedStyle(this._scope, this._selector); + }; FragmentInstance.prototype.addEventListener = function ( type, listener, @@ -29143,11 +29185,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-experimental-313332d1-20250326" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-63779030-20250328" !== 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-experimental-313332d1-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-63779030-20250328\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -29184,10 +29226,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-experimental-313332d1-20250326", + version: "19.2.0-experimental-63779030-20250328", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-313332d1-20250326" + reconcilerVersion: "19.2.0-experimental-63779030-20250328" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -29495,5 +29537,5 @@ } }; }; - exports.version = "19.1.0-experimental-313332d1-20250326"; + exports.version = "19.2.0-experimental-63779030-20250328"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js index bba427a2fe66a..eed910dee462d 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js @@ -2800,7 +2800,15 @@ var hydrationParentFiber = null, rootOrSingletonContext = !1, HydrationMismatchException = Error(formatProdErrorMessage(519)); function throwOnHydrationMismatch(fiber) { - var error = Error(formatProdErrorMessage(418, "")); + var error = Error( + formatProdErrorMessage( + 418, + 1 < arguments.length && void 0 !== arguments[1] && arguments[1] + ? "text" + : "HTML", + "" + ) + ); queueHydrationError(createCapturedValueAtFiber(error, fiber)); throw HydrationMismatchException; } @@ -2876,7 +2884,7 @@ function prepareToHydrateHostInstance(fiber) { null != props.onClick && (instance.onclick = noop$1), (instance = !0)) : (instance = !1); - instance || throwOnHydrationMismatch(fiber); + instance || throwOnHydrationMismatch(fiber, !0); } function popToNextHostParent(fiber) { for (hydrationParentFiber = fiber.return; hydrationParentFiber; ) @@ -2990,12 +2998,12 @@ function getViewTransitionClassName(defaultClass, eventClass) { defaultClass = getClassNameByType(defaultClass); eventClass = getClassNameByType(eventClass); return null == eventClass - ? defaultClass - : "none" === eventClass - ? eventClass - : null != defaultClass && "none" !== defaultClass - ? defaultClass + " " + eventClass - : eventClass; + ? "auto" === defaultClass + ? null + : defaultClass + : "auto" === eventClass + ? null + : eventClass; } var valueCursor = createCursor(null), currentlyRenderingFiber$1 = null, @@ -8477,7 +8485,7 @@ function completeWork(current, workInProgress, renderLanes) { checkForUnmatchedText(current.nodeValue, renderLanes) ? !0 : !1; - current || throwOnHydrationMismatch(workInProgress); + current || throwOnHydrationMismatch(workInProgress, !0); } else (current = getOwnerDocumentFromRootContainer(current).createTextNode( @@ -9150,8 +9158,12 @@ function commitHostSingletonAcquisition(finishedWork) { } } var shouldStartViewTransition = !1, - appearingViewTransitions = null, - viewTransitionCancelableChildren = null; + appearingViewTransitions = null; +function trackEnterViewTransitions$1(placement) { + if (30 === placement.tag || 0 !== (placement.subtreeFlags & 33554432)) + shouldStartViewTransition = !0; +} +var viewTransitionCancelableChildren = null; function pushViewTransitionCancelableScope() { var prevChildren = viewTransitionCancelableChildren; viewTransitionCancelableChildren = null; @@ -9183,7 +9195,6 @@ function applyViewTransitionToHostInstancesRecursive( ) { for (var inViewport = !1; null !== child; ) { if (5 === child.tag) { - shouldStartViewTransition = !0; var instance = child.stateNode; if (null !== collectMeasurements) { var measurement = measureInstance(instance); @@ -9191,6 +9202,7 @@ function applyViewTransitionToHostInstancesRecursive( measurement.view && (inViewport = !0); } else inViewport || (measureInstance(instance).view && (inViewport = !0)); + shouldStartViewTransition = !0; applyViewTransitionName( instance, 0 === viewTransitionHostInstanceIdx @@ -9243,7 +9255,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, @@ -9263,7 +9275,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 @@ -9302,7 +9314,7 @@ function commitDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { var className = getViewTransitionClassName( - props.className, + props.default, props.share ); "none" !== className && @@ -9338,7 +9350,7 @@ function commitExitViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0, className = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.exit ); "none" !== className && @@ -9371,7 +9383,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, @@ -9501,7 +9513,7 @@ function measureUpdateViewTransition(current, finishedWork, gesture) { state = newFiber.stateNode; current = getViewTransitionName(props, state); var oldName = getViewTransitionName(oldFiber.memoizedProps, state); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); if ("none" === props) return !1; gesture ? ((oldFiber = state.clones), @@ -9529,7 +9541,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 = @@ -9651,7 +9663,8 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) { committedLanes && commitExitViewTransitions(JSCompiler_temp[anchorOffset]); if (null === root.alternate && 0 !== (root.flags & 2)) - commitBeforeMutationEffects_complete(committedLanes); + committedLanes && trackEnterViewTransitions$1(root), + commitBeforeMutationEffects_complete(committedLanes); else { if (22 === root.tag) if (((JSCompiler_temp = root.alternate), null !== root.memoizedState)) { @@ -9665,6 +9678,7 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) { null !== JSCompiler_temp && null !== JSCompiler_temp.memoizedState ) { + committedLanes && trackEnterViewTransitions$1(root); commitBeforeMutationEffects_complete(committedLanes); continue; } @@ -9761,7 +9775,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, @@ -11480,10 +11494,7 @@ function trackDeletedPairViewTransitions(deletion) { var pair = pairs.get(name); if (void 0 !== pair) { pairs.delete(name); - props = getViewTransitionClassName( - props.className, - props.share - ); + props = getViewTransitionClassName(props.default, props.share); if ("none" !== props) { var newInstance = deletion.stateNode; pair.paired = newInstance; @@ -11511,7 +11522,7 @@ function trackEnterViewTransitions(deletion) { ? appearingViewTransitions.get(name) : void 0; props = getViewTransitionClassName( - props.className, + props.default, void 0 !== pair ? props.share : props.enter ); if ("none" !== props && void 0 !== pair) { @@ -11536,7 +11547,7 @@ function applyAppearingPairViewTransition(child) { if (null == props.name || "auto" === props.name) throw Error(formatProdErrorMessage(544)); child = props.name; - props = getViewTransitionClassName(props.className, props.share); + props = getViewTransitionClassName(props.default, props.share); "none" !== props && ((state = state.clones), null !== state && applyViewTransitionToClones(child, props, state)); @@ -11548,7 +11559,7 @@ function applyExitViewTransition(placement) { props = placement.memoizedProps; placement = getViewTransitionName(props, state); props = getViewTransitionClassName( - props.className, + props.default, state.paired ? props.share : props.exit ); "none" !== props && @@ -11727,7 +11738,7 @@ function recursivelyInsertClonesFromExistingTree( var state = parentFiber.stateNode, props = parentFiber.memoizedProps; instance = getViewTransitionName(props, state); - props = getViewTransitionClassName(props.className, props.update); + props = getViewTransitionClassName(props.default, props.update); "none" !== props && ((state = state.clones), null !== state && @@ -11870,7 +11881,7 @@ function recursivelyInsertClones( i )), (nextPhase = getViewTransitionClassName( - nextPhase.className, + nextPhase.default, nextPhase.update )), "none" !== nextPhase && @@ -12215,6 +12226,7 @@ var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map, pendingEffectsRemainingLanes = 0, pendingPassiveTransitions = null, pendingRecoverableErrors = null, + pendingViewTransition = null, pendingViewTransitionEvents = null, pendingTransitionTypes = null, nestedUpdateCount = 0, @@ -13117,18 +13129,18 @@ function commitRoot( null !== root.stoppingGestures && (stopCompletedGestures(root), (finishedWork = !1)); pendingEffectsStatus = 1; - (finishedWork && - startViewTransition( - root.containerInfo, - pendingTransitionTypes, - flushMutationEffects, - flushLayoutEffects, - flushAfterMutationEffects, - flushSpawnedWork, - flushPassiveEffects, - reportViewTransitionError - )) || - (flushMutationEffects(), flushLayoutEffects(), flushSpawnedWork()); + finishedWork + ? (pendingViewTransition = startViewTransition( + root.containerInfo, + pendingTransitionTypes, + flushMutationEffects, + flushLayoutEffects, + flushAfterMutationEffects, + flushSpawnedWork, + flushPassiveEffects, + reportViewTransitionError + )) + : (flushMutationEffects(), flushLayoutEffects(), flushSpawnedWork()); } } } @@ -13294,6 +13306,7 @@ function flushLayoutEffects() { function flushSpawnedWork() { if (4 === pendingEffectsStatus || 3 === pendingEffectsStatus) { pendingEffectsStatus = 0; + pendingViewTransition = null; requestPaint(); var root = pendingEffectsRoot, finishedWork = pendingFinishedWork, @@ -13499,7 +13512,7 @@ function commitGestureOnRoot(root, finishedWork) { } pendingTransitionTypes = null; pendingEffectsStatus = 6; - finishedGesture.running = startGestureTransition( + pendingViewTransition = finishedGesture.running = startGestureTransition( root.containerInfo, finishedGesture.provider, finishedGesture.rangeCurrent, @@ -13572,6 +13585,7 @@ function flushGestureAnimations() { finishedWork = pendingFinishedWork; pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; + pendingViewTransition = null; var prevTransition = ReactSharedInternals.T; ReactSharedInternals.T = null; var previousPriority = ReactDOMSharedInternals.p; @@ -13596,6 +13610,8 @@ function releaseRootPooledCache(root, remainingLanes) { ((root.pooledCache = null), releaseCache(remainingLanes))); } function flushPendingEffects(wasDelayedCommit) { + null !== pendingViewTransition && + (pendingViewTransition.skipTransition(), (pendingViewTransition = null)); flushGestureMutations(); flushGestureAnimations(); flushMutationEffects(); @@ -13853,7 +13869,8 @@ function processRootScheduleInMicrotask() { mightHavePendingSyncWork = !0; root = next; } - flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); + (0 !== pendingEffectsStatus && 5 !== pendingEffectsStatus) || + flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); } function scheduleTaskForRootDuringMicrotask(root, currentTime) { for ( @@ -16243,9 +16260,9 @@ function startViewTransition( (ownerDocument.__reactViewTransition = null); passiveCallback(); }); - return !0; + return transition; } catch (x) { - return !1; + return mutationCallback(), layoutCallback(), spawnedWorkCallback(), null; } } function mergeTranslate(translateA, translateB) { @@ -16461,6 +16478,9 @@ ViewTransitionPseudoElement.prototype.getAnimations = function () { } return result; }; +ViewTransitionPseudoElement.prototype.getComputedStyle = function () { + return getComputedStyle(this._scope, this._selector); +}; function createViewTransitionInstance(name) { return { name: name, @@ -18465,14 +18485,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2010 = React.version; if ( - "19.1.0-experimental-313332d1-20250326" !== + "19.2.0-experimental-63779030-20250328" !== isomorphicReactPackageVersion$jscomp$inline_2010 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2010, - "19.1.0-experimental-313332d1-20250326" + "19.2.0-experimental-63779030-20250328" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -18492,24 +18512,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2628 = { +var internals$jscomp$inline_2630 = { bundleType: 0, - version: "19.1.0-experimental-313332d1-20250326", + version: "19.2.0-experimental-63779030-20250328", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-313332d1-20250326" + reconcilerVersion: "19.2.0-experimental-63779030-20250328" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2629 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2631 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2629.isDisabled && - hook$jscomp$inline_2629.supportsFiber + !hook$jscomp$inline_2631.isDisabled && + hook$jscomp$inline_2631.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2629.inject( - internals$jscomp$inline_2628 + (rendererID = hook$jscomp$inline_2631.inject( + internals$jscomp$inline_2630 )), - (injectedHook = hook$jscomp$inline_2629); + (injectedHook = hook$jscomp$inline_2631); } catch (err) {} } exports.createComponentSelector = function (component) { @@ -18752,4 +18772,4 @@ exports.observeVisibleRects = function ( } }; }; -exports.version = "19.1.0-experimental-313332d1-20250326"; +exports.version = "19.2.0-experimental-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js index 759b71fd05727..9af0428312e84 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js @@ -416,7 +416,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-experimental-313332d1-20250326"; + exports.version = "19.2.0-experimental-63779030-20250328"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js index 4b5b3b7e4c82b..99e06dade20de 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js @@ -207,4 +207,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-experimental-313332d1-20250326"; +exports.version = "19.2.0-experimental-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js index 8eb7568352128..6d8d8a5f0a7a5 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js @@ -336,5 +336,5 @@ })) : Internals.d.m(href)); }; - exports.version = "19.1.0-experimental-313332d1-20250326"; + exports.version = "19.2.0-experimental-63779030-20250328"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js index 21fbfc444ad9a..4a269417048a0 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js @@ -149,4 +149,4 @@ exports.preloadModule = function (href, options) { }); } else Internals.d.m(href); }; -exports.version = "19.1.0-experimental-313332d1-20250326"; +exports.version = "19.2.0-experimental-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom-experimental/package.json b/packages/next/src/compiled/react-dom-experimental/package.json index c57080e3806fe..af0a40e56869e 100644 --- a/packages/next/src/compiled/react-dom-experimental/package.json +++ b/packages/next/src/compiled/react-dom-experimental/package.json @@ -72,10 +72,10 @@ "./package.json": "./package.json" }, "dependencies": { - "scheduler": "0.0.0-experimental-313332d1-20250326" + "scheduler": "0.0.0-experimental-63779030-20250328" }, "peerDependencies": { - "react": "0.0.0-experimental-313332d1-20250326" + "react": "0.0.0-experimental-63779030-20250328" }, "browser": { "./server.js": "./server.browser.js", diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js index f511df449d92f..bf87f513220f9 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js @@ -4421,14 +4421,18 @@ fiber.serverTail.push(rejectedCandidate))); } function throwOnHydrationMismatch(fiber) { - var diff = "", + var fromText = + 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : !1, + diff = "", diffRoot = hydrationDiffRootDEV; null !== diffRoot && ((hydrationDiffRootDEV = null), (diff = describeDiff(diffRoot))); queueHydrationError( createCapturedValueAtFiber( Error( - "Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch" + + "Hydration failed because the server rendered " + + (fromText ? "text" : "HTML") + + " didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch" + diff ), fiber @@ -4523,7 +4527,7 @@ null != props.onClick && (didHydrate.onclick = noop$1), (didHydrate = !0)) : (didHydrate = !1); - didHydrate || throwOnHydrationMismatch(fiber); + didHydrate || throwOnHydrationMismatch(fiber, !0); } function popToNextHostParent(fiber) { for (hydrationParentFiber = fiber.return; hydrationParentFiber; ) @@ -11454,7 +11458,7 @@ checkForUnmatchedText(current.nodeValue, renderLanes) ? !0 : !1; - current || throwOnHydrationMismatch(workInProgress); + current || throwOnHydrationMismatch(workInProgress, !0); } else (_type = renderLanes.ancestorInfo.current), null != _type && @@ -16103,7 +16107,9 @@ mightHavePendingSyncWork = !0; root = next; } - flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); + (pendingEffectsStatus !== NO_PENDING_EFFECTS && + pendingEffectsStatus !== PENDING_PASSIVE_PHASE) || + flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); } function scheduleTaskForRootDuringMicrotask(root, currentTime) { for ( @@ -24779,11 +24785,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-313332d1-20250326" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-63779030-20250328" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-313332d1-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-63779030-20250328\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -24820,10 +24826,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-canary-313332d1-20250326", + version: "19.2.0-canary-63779030-20250328", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-canary-313332d1-20250326" + reconcilerVersion: "19.2.0-canary-63779030-20250328" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -24967,7 +24973,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.1.0-canary-313332d1-20250326"; + exports.version = "19.2.0-canary-63779030-20250328"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js index f5749dd7ba4c8..ef1b426625238 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js @@ -2664,7 +2664,15 @@ var hydrationParentFiber = null, rootOrSingletonContext = !1, HydrationMismatchException = Error(formatProdErrorMessage(519)); function throwOnHydrationMismatch(fiber) { - var error = Error(formatProdErrorMessage(418, "")); + var error = Error( + formatProdErrorMessage( + 418, + 1 < arguments.length && void 0 !== arguments[1] && arguments[1] + ? "text" + : "HTML", + "" + ) + ); queueHydrationError(createCapturedValueAtFiber(error, fiber)); throw HydrationMismatchException; } @@ -2739,7 +2747,7 @@ function prepareToHydrateHostInstance(fiber) { null != props.onClick && (instance.onclick = noop$1), (instance = !0)) : (instance = !1); - instance || throwOnHydrationMismatch(fiber); + instance || throwOnHydrationMismatch(fiber, !0); } function popToNextHostParent(fiber) { for (hydrationParentFiber = fiber.return; hydrationParentFiber; ) @@ -7962,7 +7970,7 @@ function completeWork(current, workInProgress, renderLanes) { checkForUnmatchedText(current.nodeValue, renderLanes) ? !0 : !1; - current || throwOnHydrationMismatch(workInProgress); + current || throwOnHydrationMismatch(workInProgress, !0); } else (current = getOwnerDocumentFromRootContainer(current).createTextNode( @@ -11533,7 +11541,8 @@ function processRootScheduleInMicrotask() { mightHavePendingSyncWork = !0; root = next; } - flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); + (0 !== pendingEffectsStatus && 5 !== pendingEffectsStatus) || + flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); } function scheduleTaskForRootDuringMicrotask(root, currentTime) { for ( @@ -15251,14 +15260,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_1779 = React.version; if ( - "19.1.0-canary-313332d1-20250326" !== + "19.2.0-canary-63779030-20250328" !== isomorphicReactPackageVersion$jscomp$inline_1779 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1779, - "19.1.0-canary-313332d1-20250326" + "19.2.0-canary-63779030-20250328" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -15280,10 +15289,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_2250 = { bundleType: 0, - version: "19.1.0-canary-313332d1-20250326", + version: "19.2.0-canary-63779030-20250328", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-canary-313332d1-20250326" + reconcilerVersion: "19.2.0-canary-63779030-20250328" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2251 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -15387,4 +15396,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.1.0-canary-313332d1-20250326"; +exports.version = "19.2.0-canary-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js index 344ccd274208e..f8207d74b4934 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js @@ -4429,14 +4429,18 @@ fiber.serverTail.push(rejectedCandidate))); } function throwOnHydrationMismatch(fiber) { - var diff = "", + var fromText = + 1 < arguments.length && void 0 !== arguments[1] ? arguments[1] : !1, + diff = "", diffRoot = hydrationDiffRootDEV; null !== diffRoot && ((hydrationDiffRootDEV = null), (diff = describeDiff(diffRoot))); queueHydrationError( createCapturedValueAtFiber( Error( - "Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch" + + "Hydration failed because the server rendered " + + (fromText ? "text" : "HTML") + + " didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\nhttps://react.dev/link/hydration-mismatch" + diff ), fiber @@ -4531,7 +4535,7 @@ null != props.onClick && (didHydrate.onclick = noop$2), (didHydrate = !0)) : (didHydrate = !1); - didHydrate || throwOnHydrationMismatch(fiber); + didHydrate || throwOnHydrationMismatch(fiber, !0); } function popToNextHostParent(fiber) { for (hydrationParentFiber = fiber.return; hydrationParentFiber; ) @@ -11462,7 +11466,7 @@ checkForUnmatchedText(current.nodeValue, renderLanes) ? !0 : !1; - current || throwOnHydrationMismatch(workInProgress); + current || throwOnHydrationMismatch(workInProgress, !0); } else (_type = renderLanes.ancestorInfo.current), null != _type && @@ -16115,7 +16119,9 @@ mightHavePendingSyncWork = !0; root = next; } - flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); + (pendingEffectsStatus !== NO_PENDING_EFFECTS && + pendingEffectsStatus !== PENDING_PASSIVE_PHASE) || + flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); } function scheduleTaskForRootDuringMicrotask(root, currentTime) { for ( @@ -24836,11 +24842,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-313332d1-20250326" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-63779030-20250328" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-313332d1-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-63779030-20250328\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -24877,10 +24883,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.1.0-canary-313332d1-20250326", + version: "19.2.0-canary-63779030-20250328", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-canary-313332d1-20250326" + reconcilerVersion: "19.2.0-canary-63779030-20250328" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -25354,7 +25360,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-canary-313332d1-20250326"; + exports.version = "19.2.0-canary-63779030-20250328"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js index da308335f6ccb..64f8862491c6b 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js @@ -2758,7 +2758,15 @@ var hydrationParentFiber = null, rootOrSingletonContext = !1, HydrationMismatchException = Error(formatProdErrorMessage(519)); function throwOnHydrationMismatch(fiber) { - var error = Error(formatProdErrorMessage(418, "")); + var error = Error( + formatProdErrorMessage( + 418, + 1 < arguments.length && void 0 !== arguments[1] && arguments[1] + ? "text" + : "HTML", + "" + ) + ); queueHydrationError(createCapturedValueAtFiber(error, fiber)); throw HydrationMismatchException; } @@ -2833,7 +2841,7 @@ function prepareToHydrateHostInstance(fiber) { null != props.onClick && (instance.onclick = noop$2), (instance = !0)) : (instance = !1); - instance || throwOnHydrationMismatch(fiber); + instance || throwOnHydrationMismatch(fiber, !0); } function popToNextHostParent(fiber) { for (hydrationParentFiber = fiber.return; hydrationParentFiber; ) @@ -8178,7 +8186,7 @@ function completeWork(current, workInProgress, renderLanes) { checkForUnmatchedText(current.nodeValue, renderLanes) ? !0 : !1; - current || throwOnHydrationMismatch(workInProgress); + current || throwOnHydrationMismatch(workInProgress, !0); } else (current = getOwnerDocumentFromRootContainer(current).createTextNode( @@ -12156,7 +12164,8 @@ function processRootScheduleInMicrotask() { mightHavePendingSyncWork = !0; root = next; } - flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); + (0 !== pendingEffectsStatus && 5 !== pendingEffectsStatus) || + flushSyncWorkAcrossRoots_impl(syncTransitionLanes, !1); } function scheduleTaskForRootDuringMicrotask(root, currentTime) { for ( @@ -15896,14 +15905,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_1875 = React.version; if ( - "19.1.0-canary-313332d1-20250326" !== + "19.2.0-canary-63779030-20250328" !== isomorphicReactPackageVersion$jscomp$inline_1875 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1875, - "19.1.0-canary-313332d1-20250326" + "19.2.0-canary-63779030-20250328" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -15925,10 +15934,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_1882 = { bundleType: 0, - version: "19.1.0-canary-313332d1-20250326", + version: "19.2.0-canary-63779030-20250328", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-canary-313332d1-20250326", + reconcilerVersion: "19.2.0-canary-63779030-20250328", getLaneLabelMap: function () { for ( var map = new Map(), lane = 1, index$282 = 0; @@ -16208,7 +16217,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-canary-313332d1-20250326"; +exports.version = "19.2.0-canary-63779030-20250328"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js index 5b65318f24cd8..f4891831b8d5a 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js @@ -9031,5 +9031,5 @@ '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-canary-313332d1-20250326"; + exports.version = "19.2.0-canary-63779030-20250328"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js index de63387be1de3..d500befac5ea3 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js @@ -5889,4 +5889,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-canary-313332d1-20250326"; +exports.version = "19.2.0-canary-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js index 9d55d697041ad..c9b87b3d42945 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js @@ -9031,5 +9031,5 @@ '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 "renderToPipeableStream" which supports Suspense on the server' ); }; - exports.version = "19.1.0-canary-313332d1-20250326"; + exports.version = "19.2.0-canary-63779030-20250328"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js index f2c036ea70d91..a08815be4cba4 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js @@ -5969,4 +5969,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 "renderToPipeableStream" which supports Suspense on the server' ); }; -exports.version = "19.1.0-canary-313332d1-20250326"; +exports.version = "19.2.0-canary-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js index a56a7bbded2f7..987d447e6f253 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js @@ -7746,11 +7746,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-313332d1-20250326" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-63779030-20250328" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-313332d1-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-63779030-20250328\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react"), @@ -9420,5 +9420,5 @@ startWork(request); }); }; - exports.version = "19.1.0-canary-313332d1-20250326"; + exports.version = "19.2.0-canary-63779030-20250328"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js index 532fb38da34ac..94538ec3d32f8 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js @@ -6229,12 +6229,12 @@ function abort(request, reason) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-313332d1-20250326" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-63779030-20250328" !== isomorphicReactPackageVersion) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion, - "19.1.0-canary-313332d1-20250326" + "19.2.0-canary-63779030-20250328" ) ); } @@ -6381,4 +6381,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.1.0-canary-313332d1-20250326"; +exports.version = "19.2.0-canary-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js index 2d3347d78031a..e4aa4986f5d64 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js @@ -5867,13 +5867,13 @@ function abort(request, reason) { } var isomorphicReactPackageVersion$jscomp$inline_761 = React.version; if ( - "19.1.0-canary-313332d1-20250326" !== + "19.2.0-canary-63779030-20250328" !== isomorphicReactPackageVersion$jscomp$inline_761 ) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion$jscomp$inline_761 + - "\n - react-dom: 19.1.0-canary-313332d1-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-63779030-20250328\nLearn more: https://react.dev/warnings/version-mismatch") ); exports.renderToReadableStream = function (children, options) { return new Promise(function (resolve, reject) { @@ -5964,4 +5964,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.1.0-canary-313332d1-20250326"; +exports.version = "19.2.0-canary-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js index 8e1ff5df4624f..2283d94fa00f5 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js @@ -7769,11 +7769,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-313332d1-20250326" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-63779030-20250328" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-313332d1-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-63779030-20250328\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react"), @@ -9450,5 +9450,5 @@ const setTimeoutOrImmediate = ? globalThis['set' + 'Immediate'] : setTimeout; - exports.version = "19.1.0-canary-313332d1-20250326"; + exports.version = "19.2.0-canary-63779030-20250328"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js index 2456fd09239b1..e3b88a5fcd7f1 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js @@ -6324,11 +6324,11 @@ function abort(request, reason) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-313332d1-20250326" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-63779030-20250328" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-313332d1-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-63779030-20250328\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -6485,4 +6485,4 @@ const setTimeoutOrImmediate = ? globalThis['set' + 'Immediate'] : setTimeout; -exports.version = "19.1.0-canary-313332d1-20250326"; +exports.version = "19.2.0-canary-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js index ad82c907b0878..dfba6c0bc5672 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js @@ -7644,11 +7644,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-313332d1-20250326" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-63779030-20250328" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-313332d1-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-63779030-20250328\nLearn more: https://react.dev/warnings/version-mismatch") ); } function createDrainHandler(destination, request) { @@ -9313,5 +9313,5 @@ } }; }; - exports.version = "19.1.0-canary-313332d1-20250326"; + exports.version = "19.2.0-canary-63779030-20250328"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js index 381a9f32d7c33..21cab8f7c64d7 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js @@ -6216,11 +6216,11 @@ function abort(request, reason) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.1.0-canary-313332d1-20250326" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-63779030-20250328" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.1.0-canary-313332d1-20250326\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-63779030-20250328\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -6369,4 +6369,4 @@ exports.renderToPipeableStream = function (children, options) { } }; }; -exports.version = "19.1.0-canary-313332d1-20250326"; +exports.version = "19.2.0-canary-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom.development.js index 2cbbb571c9967..5c77f8d4bc704 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.development.js @@ -416,7 +416,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.1.0-canary-313332d1-20250326"; + exports.version = "19.2.0-canary-63779030-20250328"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom.production.js index 5357ba8e5bec2..7e086269d5d0c 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.production.js @@ -207,4 +207,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.1.0-canary-313332d1-20250326"; +exports.version = "19.2.0-canary-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js index 1a2c83d5ddd3d..99d63d0e87445 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js @@ -336,5 +336,5 @@ })) : Internals.d.m(href)); }; - exports.version = "19.1.0-canary-313332d1-20250326"; + exports.version = "19.2.0-canary-63779030-20250328"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js index 30deba04c8d04..f00f3e7ef79b1 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js @@ -149,4 +149,4 @@ exports.preloadModule = function (href, options) { }); } else Internals.d.m(href); }; -exports.version = "19.1.0-canary-313332d1-20250326"; +exports.version = "19.2.0-canary-63779030-20250328"; diff --git a/packages/next/src/compiled/react-dom/package.json b/packages/next/src/compiled/react-dom/package.json index 688d2c22266a1..7cc30a55d21fb 100644 --- a/packages/next/src/compiled/react-dom/package.json +++ b/packages/next/src/compiled/react-dom/package.json @@ -67,10 +67,10 @@ "./package.json": "./package.json" }, "dependencies": { - "scheduler": "0.26.0-canary-313332d1-20250326" + "scheduler": "0.27.0-canary-63779030-20250328" }, "peerDependencies": { - "react": "19.1.0-canary-313332d1-20250326" + "react": "19.2.0-canary-63779030-20250328" }, "browser": { "./server.js": "./server.browser.js", diff --git a/packages/next/src/compiled/react-experimental/cjs/react.development.js b/packages/next/src/compiled/react-experimental/cjs/react.development.js index 963c3e0a1b063..5ee95972df1a0 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.development.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.development.js @@ -1267,7 +1267,7 @@ exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.1.0-experimental-313332d1-20250326"; + exports.version = "19.2.0-experimental-63779030-20250328"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-experimental/cjs/react.production.js b/packages/next/src/compiled/react-experimental/cjs/react.production.js index e33b9f018b3a7..4e3255bab1994 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.production.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.production.js @@ -571,4 +571,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.1.0-experimental-313332d1-20250326"; +exports.version = "19.2.0-experimental-63779030-20250328"; diff --git a/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js b/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js index 5601620aaf377..345ffde033eb0 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js @@ -976,5 +976,5 @@ exports.useMemo = function (create, deps) { return resolveDispatcher().useMemo(create, deps); }; - exports.version = "19.1.0-experimental-313332d1-20250326"; + exports.version = "19.2.0-experimental-63779030-20250328"; })(); diff --git a/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js b/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js index fbb2daf11044b..9118c4f1bbc2d 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js @@ -561,4 +561,4 @@ exports.useId = function () { exports.useMemo = function (create, deps) { return ReactSharedInternals.H.useMemo(create, deps); }; -exports.version = "19.1.0-experimental-313332d1-20250326"; +exports.version = "19.2.0-experimental-63779030-20250328"; diff --git a/packages/next/src/compiled/react-is/package.json b/packages/next/src/compiled/react-is/package.json index 2d399dd3dbe85..07ec91738b6f1 100644 --- a/packages/next/src/compiled/react-is/package.json +++ b/packages/next/src/compiled/react-is/package.json @@ -1,6 +1,6 @@ { "name": "react-is", - "version": "19.1.0-canary-313332d1-20250326", + "version": "19.2.0-canary-63779030-20250328", "description": "Brand checking of React Elements.", "main": "index.js", "sideEffects": false, diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js index e7416e74fe7b4..6cc2d7a847218 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js @@ -2927,10 +2927,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.1.0-experimental-313332d1-20250326", + version: "19.2.0-experimental-63779030-20250328", rendererPackageName: "react-server-dom-turbopack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-313332d1-20250326", + reconcilerVersion: "19.2.0-experimental-63779030-20250328", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json b/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json index c99d3050218b7..e72f15c77b8de 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json @@ -48,7 +48,7 @@ "neo-async": "^2.6.1" }, "peerDependencies": { - "react": "0.0.0-experimental-313332d1-20250326", - "react-dom": "0.0.0-experimental-313332d1-20250326" + "react": "0.0.0-experimental-63779030-20250328", + "react-dom": "0.0.0-experimental-63779030-20250328" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js index 3aa38359566ee..1248207c5a7e4 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js @@ -2678,10 +2678,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.1.0-canary-313332d1-20250326", + version: "19.2.0-canary-63779030-20250328", rendererPackageName: "react-server-dom-turbopack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-canary-313332d1-20250326", + reconcilerVersion: "19.2.0-canary-63779030-20250328", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-turbopack/package.json b/packages/next/src/compiled/react-server-dom-turbopack/package.json index 459452ebfcff6..4eb42419b7a93 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/package.json +++ b/packages/next/src/compiled/react-server-dom-turbopack/package.json @@ -48,7 +48,7 @@ "neo-async": "^2.6.1" }, "peerDependencies": { - "react": "19.1.0-canary-313332d1-20250326", - "react-dom": "19.1.0-canary-313332d1-20250326" + "react": "19.2.0-canary-63779030-20250328", + "react-dom": "19.2.0-canary-63779030-20250328" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js index 4cb6493e49483..435c9b85eae59 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js @@ -2942,10 +2942,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.1.0-experimental-313332d1-20250326", + version: "19.2.0-experimental-63779030-20250328", rendererPackageName: "react-server-dom-webpack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-experimental-313332d1-20250326", + reconcilerVersion: "19.2.0-experimental-63779030-20250328", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json b/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json index 4831d8ba806cf..59cc66e4b3210 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json @@ -64,8 +64,8 @@ "webpack-sources": "^3.2.0" }, "peerDependencies": { - "react": "0.0.0-experimental-313332d1-20250326", - "react-dom": "0.0.0-experimental-313332d1-20250326", + "react": "0.0.0-experimental-63779030-20250328", + "react-dom": "0.0.0-experimental-63779030-20250328", "webpack": "^5.59.0" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js index 6e343dc6eb7e4..ee55fa04ab543 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js @@ -2693,10 +2693,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.1.0-canary-313332d1-20250326", + version: "19.2.0-canary-63779030-20250328", rendererPackageName: "react-server-dom-webpack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.1.0-canary-313332d1-20250326", + reconcilerVersion: "19.2.0-canary-63779030-20250328", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-webpack/package.json b/packages/next/src/compiled/react-server-dom-webpack/package.json index 08c19de76e80e..000bec518fdfc 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/package.json +++ b/packages/next/src/compiled/react-server-dom-webpack/package.json @@ -64,8 +64,8 @@ "webpack-sources": "^3.2.0" }, "peerDependencies": { - "react": "19.1.0-canary-313332d1-20250326", - "react-dom": "19.1.0-canary-313332d1-20250326", + "react": "19.2.0-canary-63779030-20250328", + "react-dom": "19.2.0-canary-63779030-20250328", "webpack": "^5.59.0" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react/cjs/react.development.js b/packages/next/src/compiled/react/cjs/react.development.js index 8ad9e2af36dab..a661a953213cf 100644 --- a/packages/next/src/compiled/react/cjs/react.development.js +++ b/packages/next/src/compiled/react/cjs/react.development.js @@ -1229,7 +1229,7 @@ exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.1.0-canary-313332d1-20250326"; + exports.version = "19.2.0-canary-63779030-20250328"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react/cjs/react.production.js b/packages/next/src/compiled/react/cjs/react.production.js index 0c2b973db9da0..f80c9abccb083 100644 --- a/packages/next/src/compiled/react/cjs/react.production.js +++ b/packages/next/src/compiled/react/cjs/react.production.js @@ -538,4 +538,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.1.0-canary-313332d1-20250326"; +exports.version = "19.2.0-canary-63779030-20250328"; diff --git a/packages/next/src/compiled/react/cjs/react.react-server.development.js b/packages/next/src/compiled/react/cjs/react.react-server.development.js index a29a09646f9f6..ef0cafa80f2c1 100644 --- a/packages/next/src/compiled/react/cjs/react.react-server.development.js +++ b/packages/next/src/compiled/react/cjs/react.react-server.development.js @@ -811,5 +811,5 @@ exports.useMemo = function (create, deps) { return resolveDispatcher().useMemo(create, deps); }; - exports.version = "19.1.0-canary-313332d1-20250326"; + exports.version = "19.2.0-canary-63779030-20250328"; })(); diff --git a/packages/next/src/compiled/react/cjs/react.react-server.production.js b/packages/next/src/compiled/react/cjs/react.react-server.production.js index 0d8c62c46cd3b..06bade8a1fe9d 100644 --- a/packages/next/src/compiled/react/cjs/react.react-server.production.js +++ b/packages/next/src/compiled/react/cjs/react.react-server.production.js @@ -426,4 +426,4 @@ exports.useId = function () { exports.useMemo = function (create, deps) { return ReactSharedInternals.H.useMemo(create, deps); }; -exports.version = "19.1.0-canary-313332d1-20250326"; +exports.version = "19.2.0-canary-63779030-20250328"; diff --git a/packages/next/src/compiled/unistore/unistore.js b/packages/next/src/compiled/unistore/unistore.js index 8149015514b98..595cc78509efb 100644 --- a/packages/next/src/compiled/unistore/unistore.js +++ b/packages/next/src/compiled/unistore/unistore.js @@ -1 +1 @@ -(()=>{var t={309:t=>{function n(t,i){for(var _ in i)t[_]=i[_];return t}t.exports=function(t){var i=[];function u(t){for(var _=[],a=0;a{var t={477:t=>{function n(t,i){for(var _ in i)t[_]=i[_];return t}t.exports=function(t){var i=[];function u(t){for(var _=[],a=0;a=0.15.0' - version: 2.2.1(react@19.1.0-canary-ff628334-20250205) + version: 2.2.1(react@19.2.0-canary-63779030-20250328) source-map: specifier: ^0.7.0 version: 0.7.3 @@ -1705,8 +1705,8 @@ importers: packages/third-parties: dependencies: react: - specifier: 19.1.0-canary-313332d1-20250326 - version: 19.1.0-canary-313332d1-20250326 + specifier: 19.2.0-canary-63779030-20250328 + version: 19.2.0-canary-63779030-20250328 third-party-capital: specifier: 1.0.20 version: 1.0.20 @@ -1769,14 +1769,14 @@ importers: specifier: 29.5.0 version: 29.5.0 react: - specifier: 19.1.0-canary-313332d1-20250326 - version: 19.1.0-canary-313332d1-20250326 + specifier: 19.2.0-canary-63779030-20250328 + version: 19.2.0-canary-63779030-20250328 react-test-renderer: specifier: 18.2.0 - version: 18.2.0(react@19.1.0-canary-313332d1-20250326) + version: 18.2.0(react@19.2.0-canary-63779030-20250328) styled-jsx: specifier: ^5.1.2 - version: 5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.1.0-canary-313332d1-20250326) + version: 5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-63779030-20250328) turbopack/packages/devlow-bench: dependencies: @@ -3515,7 +3515,7 @@ packages: resolution: {integrity: sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==} peerDependencies: '@types/react': '*' - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 peerDependenciesMeta: '@types/react': optional: true @@ -3532,7 +3532,7 @@ packages: '@emotion/use-insertion-effect-with-fallbacks@1.0.1': resolution: {integrity: sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 '@emotion/utils@1.2.1': resolution: {integrity: sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==} @@ -4031,14 +4031,14 @@ packages: '@floating-ui/react-dom@2.1.0': resolution: {integrity: sha512-lNzj5EQmEKn5FFKc04+zasr09h/uX8RtJRNj5gUXsSQIXHVWTVh+hVAg1vOMCexkX8EgvemMvIFpQfkosnVNyA==} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328 '@floating-ui/react@0.26.16': resolution: {integrity: sha512-HEf43zxZNAI/E781QIVpYSF3K2VH4TTYZpqecjdsFkjsaU1EbaWcM++kw0HXFffj7gDUcBFevX8s0rQGQpxkow==} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328 '@floating-ui/utils@0.2.2': resolution: {integrity: sha512-J4yDIIthosAsRZ5CPYP/jQvUAQtlZTTD/4suA08/FEnlxqW3sKS9iAhgsa9VYLZ6vDHn/ixJgIqRQPotoBjxIw==} @@ -4726,13 +4726,13 @@ packages: resolution: {integrity: sha512-l9ypojKN3PjwO1CSLIsqxi7mA25+7w+xc71Q+JuCCREI0tuGwkZsKbIOpuTATIJOjPh8ycLiW7QxX1LYsRTq6w==} peerDependencies: '@mantine/hooks': 7.10.1 - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328 '@mantine/hooks@7.11.2': resolution: {integrity: sha512-jhyVe/sbDEG2U8rr2lMecUPgQxcfr5hh9HazqGfkS7ZRIMDO7uJ947yAcTMGGkp5Lxtt5TBFt1Cb6tiB2/1agg==} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 '@mapbox/node-pre-gyp@1.0.5': resolution: {integrity: sha512-4srsKPXWlIxp5Vbqz5uLfBN+du2fJChBoYn/f2h991WLdk7jUvcSk/McVLSv/X+xQIPI8eGD5GjrnygdyHnhPA==} @@ -4749,13 +4749,13 @@ packages: '@mdx-js/react@2.2.1': resolution: {integrity: sha512-YdXcMcEnqZhzql98RNrqYo9cEhTTesBiCclEtoiQUbJwx87q9453GTapYU6kJ8ZZ2ek1Vp25SiAXEFy5O/eAPw==} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 '@mdx-js/react@3.1.0': resolution: {integrity: sha512-QjHtSaoameoalGnKDT3FoIl4+9RwyTmo9ZJGBdLOks/YOiWHoRDI3PUwEzOE7kEmGcV3AFcp9K6dYu9rEuKLAQ==} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 '@module-federation/error-codes@0.11.1': resolution: {integrity: sha512-N1cs1qwrO8cU/OzfnBbr+3FaVbrJk6QEAsQ8H+YxGRrh/kHsR2BKpZCX79jTG27oDbz45FLjQ98YucMMXC24EA==} @@ -5436,8 +5436,8 @@ packages: '@storybook/blocks@8.6.0': resolution: {integrity: sha512-3PNxlB5Ooj8CIhttbDxeV6kW7ui+2GEdTngtqhnsUHVjzeTKpilsk2lviOeUzqlyq5FDK+rhpZ3L3DJ9pDvioA==} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328 storybook: ^8.6.0 peerDependenciesMeta: react: @@ -5487,8 +5487,8 @@ packages: resolution: {integrity: sha512-Nz/UzeYQdUZUhacrPyfkiiysSjydyjgg/p0P9HxB4p/WaJUUjMAcaoaLgy3EXx61zZJ3iD36WPuDkZs5QYrA0A==} engines: {node: '>=14.0.0'} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328 '@storybook/instrumenter@8.6.0': resolution: {integrity: sha512-eEY/Hfa3Vj5Nv4vHRHlSqjoyW6oAKNK3rKIXfL/eawQwb7rKhzijDLG5YBH44Hh7dEPIqUp0LEdgpyIY7GXezg==} @@ -5504,8 +5504,8 @@ packages: resolution: {integrity: sha512-04T86VG0UJtiozgZkTR5sY1qM3E0Rgwqwllvyy7kFFdkV+Sv/VsPjW9sC38s9C8FtCYRL8pJZz81ey3oylpIMA==} engines: {node: '>=18.0.0'} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328 storybook: ^8.6.0 typescript: '*' peerDependenciesMeta: @@ -5526,16 +5526,16 @@ packages: '@storybook/react-dom-shim@8.6.0': resolution: {integrity: sha512-5Y+vMHhcx0xnaNsLQMbkmjc3zkDn/fGBNsiLH2e4POvW3ZQvOxjoyxAsEQaKwLtFgsdCFSd2tR89F6ItYrA2JQ==} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328 storybook: ^8.6.0 '@storybook/react-webpack5@8.6.0': resolution: {integrity: sha512-2L9CYDPn1OL0B8K5EU/Wpo9Slg8f0vkYPaPioQnmcK3Q4SJR4JAuDVWHUtNdxhaPOkHIy887Tfrf6BEC/blMaQ==} engines: {node: '>=18.0.0'} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328 storybook: ^8.6.0 typescript: '>= 4.2.x' peerDependenciesMeta: @@ -5547,8 +5547,8 @@ packages: engines: {node: '>=18.0.0'} peerDependencies: '@storybook/test': 8.6.0 - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328 storybook: ^8.6.0 typescript: '>= 4.2.x' peerDependenciesMeta: @@ -5784,8 +5784,8 @@ packages: engines: {node: '>=18'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328 peerDependenciesMeta: '@types/react': optional: true @@ -11873,7 +11873,7 @@ packages: lucide-react@0.383.0: resolution: {integrity: sha512-13xlG0CQCJtzjSQYwwJ3WRqMHtRj3EXmLlorrARt7y+IHnxUCp3XyFNL1DfaGySWxHObDvnu1u1dV+0VMKHUSg==} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 lz-string@1.5.0: resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==} @@ -14363,26 +14363,18 @@ packages: resolution: {integrity: sha512-APPU8HB2uZnpl6Vt/+0AFoVYgSRtfiP6FLrZgPPTDmqSb2R4qZRbgd0A3VzIFxDt5e+Fozjx79WjLWnF69DK8g==} engines: {node: '>=16.14.0'} - react-dom@0.0.0-experimental-313332d1-20250326: - resolution: {integrity: sha512-ingL7xrZeGuKeoH3pYY2KB9hrgDBAyYAivbIzgqluQ0+oXogiK+P+W/xpkCzqezF2FXuYq9V2XShdyrkHE5D/Q==} + react-dom@0.0.0-experimental-63779030-20250328: + resolution: {integrity: sha512-3veha+fKz1Op8R2LJaW+EvMVwdJoVFyaw4TtUh3d47HAE1Ya5k4nf/edctWRyWtpk89yNtwGwlsgKbxd5lRNWw==} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 - react-dom@19.1.0-canary-313332d1-20250326: - resolution: {integrity: sha512-f6i3GNCIdMEB+rpjsjnaAUOk4V5lYADw93MzDuVfP7972PKv3qY44XKrYnJWh/sCuCrIhKm0dXbwkQO92I3nlw==} + react-dom@19.2.0-canary-63779030-20250328: + resolution: {integrity: sha512-/e/O3T8cpDd+0/B0hDgMoO5mdo3fg9tFAHTnbz6XvlbMVmo99lYjLHeDh3RV69zX9RjzOJ85ae0DQljPai6How==} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 - react-dom@19.1.0-canary-ff628334-20250205: - resolution: {integrity: sha512-O/FFWzQNHqKLavROUliPXDPAwJcjwDcFbZmg2YfsWtSDJj1pRFTNzYvOUChC/hgBQiIM5rAiznQjBw2D9naH1g==} - peerDependencies: - react: 19.1.0-canary-313332d1-20250326 - - react-is@19.1.0-canary-313332d1-20250326: - resolution: {integrity: sha512-I5upgrl+H+sY89ehMBaAoGC5ambFkS+rRr3tEZhPCExmRn6jQFlsszmQKwqlMTRAUdOmm3zpywDWwN4m/ZNHpQ==} - - react-is@19.1.0-canary-ff628334-20250205: - resolution: {integrity: sha512-tydzrH7c0S7kxlrN/Si8T4uoOWV3gMtNfTLfW3XubcKNzZwN//JEfzE1fe82nkmw7Gy2wpN6Gg+gMvOpKmiAtw==} + react-is@19.2.0-canary-63779030-20250328: + resolution: {integrity: sha512-6E4T+Me/8xdv8Vv2SY4NTYbB+HmoyJok+Pt2DkYP70A5PddR38EL4EUKiBhtwyBNPx+oWpVNVaYWM04yT9Ytcg==} react-lifecycles-compat@3.0.4: resolution: {integrity: sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==} @@ -14390,8 +14382,8 @@ packages: react-number-format@5.4.0: resolution: {integrity: sha512-NWdICrqLhI7rAS8yUeLVd6Wr4cN7UjJ9IBTS0f/a9i7UB4x4Ti70kGnksBtZ7o4Z7YRbvCMMR/jQmkoOBa/4fg==} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328 react-refresh@0.12.0: resolution: {integrity: sha512-suLIhrU2IHKL5JEKR/fAwJv7bbeq4kJ+pJopf77jHwuR+HmJS/HbrPIGsTBUVfw7tXPOmYv7UJ7PCaN49e8x4A==} @@ -14402,7 +14394,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 peerDependenciesMeta: '@types/react': optional: true @@ -14412,58 +14404,58 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 peerDependenciesMeta: '@types/react': optional: true - react-server-dom-turbopack@0.0.0-experimental-313332d1-20250326: - resolution: {integrity: sha512-D5zFrMhXED1hsOTNNj6s+Soywj2DhW4CvpLDzfl5KPCBV4oGExO4wHqBX4HqEOa2heLmvYzd4Rvm1UnBI4nXKg==} + react-server-dom-turbopack@0.0.0-experimental-63779030-20250328: + resolution: {integrity: sha512-yM9fSz9Au+gmLMe/likCXsavenwasgtAuPfeYTcvnFRtX5dGys5fIUWZOq+37NMkzZlG8VpTtQ6dj8Ta+HOYNg==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328 - react-server-dom-turbopack@19.1.0-canary-313332d1-20250326: - resolution: {integrity: sha512-MPJir8nF7wjmC34dKPJ64YIpDX80vIRlKGU0RMJunsBmj6ZDpZnNBnYxWpyHr4/n2iujrefuKF/koPWBHgOJ4g==} + react-server-dom-turbopack@19.2.0-canary-63779030-20250328: + resolution: {integrity: sha512-yOH0joEJTiZYAYzfiQzWN9yE3EBE/Qq4EQyVEVDtcsF2EoqAjbRJbUEDgje0hI5LN+OkwedCqilM5rMFC1pbsQ==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328 - react-server-dom-webpack@0.0.0-experimental-313332d1-20250326: - resolution: {integrity: sha512-tQdpmDWoa+YTREO1mtcVLgvdl6Ej4G9NaDUH3C+nQoRoAUYvvqqR1HyEnV0+CR3jDBul0ZVBcKD7dsboZxmZpQ==} + react-server-dom-webpack@0.0.0-experimental-63779030-20250328: + resolution: {integrity: sha512-j8p8u3SsTqROCRLwQMxq29h07Qmi8wd52UNVxYDu5EPfom4iLXxn65WUI/mWuAp2k95IwY+2AqMuXVPucrhOdw==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328 webpack: 5.98.0 - react-server-dom-webpack@19.1.0-canary-313332d1-20250326: - resolution: {integrity: sha512-rMSj1L3WV6+TWvfyMgl+2FWai2o/qJr/iJ2yNkNe/KKOPIxRKOr1ur/10DVsxHb2eW2/KLj7hsAB4XUEd0QrMQ==} + react-server-dom-webpack@19.2.0-canary-63779030-20250328: + resolution: {integrity: sha512-LCNsgHuGedJ73NVmSZtd3c3SdTd+HEcHwLSbKyBwHfqLfA7wlrziKLWsqQSdAqkU6byS0edQpcDjLzLUjFBzXQ==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328 webpack: 5.98.0 react-shallow-renderer@16.15.0: resolution: {integrity: sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 react-ssr-prepass@1.0.8: resolution: {integrity: sha512-O0gfRA1SaK+9ITKxqfnXsej2jF+OHGP/+GxD4unROQaM/0/UczGF9fuF+wTboxaQoKdIf4FvS3h/OigWh704VA==} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 - react-is: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-is: 19.2.0-canary-63779030-20250328 react-style-singleton@2.2.1: resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==} engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 peerDependenciesMeta: '@types/react': optional: true @@ -14471,30 +14463,26 @@ packages: react-test-renderer@18.2.0: resolution: {integrity: sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 react-textarea-autosize@8.5.3: resolution: {integrity: sha512-XT1024o2pqCuZSuBt9FwHlaDeNtVrtCXu0Rnz88t1jUGheCLa3PhjE1GH8Ctm2axEtvdCl5SUHYschyQ0L5QHQ==} engines: {node: '>=10'} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 react-virtualized@9.22.3: resolution: {integrity: sha512-MKovKMxWTcwPSxE1kK1HcheQTWfuCxAuBoSTf2gwyMM21NdX/PXUhnoP8Uc5dRKd+nKm8v41R36OellhdCpkrw==} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328 - react@0.0.0-experimental-313332d1-20250326: - resolution: {integrity: sha512-tTX1AyNuujPvHYjt0rc0rbnhgnE0qCApT2UjFfeQqfmWGSMaiw3caaH8OxDInEBg2yaNSHwJ28JrULBxwsvVdQ==} + react@0.0.0-experimental-63779030-20250328: + resolution: {integrity: sha512-FuK+Kb9AnQ3jSzwKTCORzB3o/ERQk/Vh1yw/JjYCDDm4ZLit2pvYUKNa4wL08LqQC3WOXRNXp/Jhq5TbFggEGA==} engines: {node: '>=0.10.0'} - react@19.1.0-canary-313332d1-20250326: - resolution: {integrity: sha512-pLhGcM3gNRXUwAM0hvTCTCS2k/OcwxwwhYer1QYHQ56qRBCFbi+wS5HQdDVWLdLLR/dYc3oSHdYjEMePz7wVyA==} - engines: {node: '>=0.10.0'} - - react@19.1.0-canary-ff628334-20250205: - resolution: {integrity: sha512-lJUElq6aqp9uYWXx+yGb1yzVU/vvdu1ffQ+Ly56jlKPrgJQeZvX3dTmSjIcbTJJGq9OhvoRWz/0PUC1r3lx0xw==} + react@19.2.0-canary-63779030-20250328: + resolution: {integrity: sha512-uK6A7xllkF/qNhk/h9084GEv4iFgy33DxLNYkco+KpiY8S7Q5k2HKsiyP/oamVUgAL80Yg392+be985lMcMt2w==} engines: {node: '>=0.10.0'} read-cache@1.0.0: @@ -15039,11 +15027,11 @@ packages: resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==} engines: {node: '>=v12.22.7'} - scheduler@0.0.0-experimental-313332d1-20250326: - resolution: {integrity: sha512-I63inEuSAEjZd7p8lXBkDEbPSz5Y8mZ+fxVqKKInPb+E0/8aviKFVDNUXUoQ8dEIDNZq2ahVP+kmLCbuOxn0Xw==} + scheduler@0.0.0-experimental-63779030-20250328: + resolution: {integrity: sha512-ZaE3pnQqNuQrdauENUMtry4NRIeXx7KOYJEivoXY2YEbI8Dh3axvSPsIzqKcvy+wbuRFYaq2kuhNrdm+uK+qlA==} - scheduler@0.26.0-canary-313332d1-20250326: - resolution: {integrity: sha512-PHstwXBe32G9rOL/sPo1AXwPhyeTz5j5Qh72gzk4Bb0rBMyVEZKng4Bj7C4z8O5TkVLMEDg3RSgJEFI5D+0u8A==} + scheduler@0.27.0-canary-63779030-20250328: + resolution: {integrity: sha512-pw2L23HhtGT8O1rtufzNjkfTGxpuhLB0X3lZISnYK8+5792jc6F7efYNAi9TEE6TKTDQ5HmAYgDMTgTMiq5QVw==} schema-utils@2.7.1: resolution: {integrity: sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==} @@ -15684,8 +15672,8 @@ packages: engines: {node: '>= 16'} peerDependencies: babel-plugin-styled-components: '>= 2' - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328 peerDependenciesMeta: babel-plugin-styled-components: optional: true @@ -15699,7 +15687,7 @@ packages: peerDependencies: '@babel/core': '*' babel-plugin-macros: '*' - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 peerDependenciesMeta: '@babel/core': optional: true @@ -15783,7 +15771,7 @@ packages: swr@2.2.4: resolution: {integrity: sha512-njiZ/4RiIhoOlAaLYDqwz5qH/KZXVilRLvomrx83HjzCWTfa+InyfAjv05PSFxnmLzZkNO9ZfvgoqzAaEI4sGQ==} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 symbol-observable@1.0.1: resolution: {integrity: sha512-Kb3PrPYz4HanVF1LVGuAdW6LoVgIwjUYJGzFe7NDrBLCN4lsV/5J0MFurV+ygS4bRVwrCEt2c7MQ1R2a72oJDw==} @@ -16580,7 +16568,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 peerDependenciesMeta: '@types/react': optional: true @@ -16588,13 +16576,13 @@ packages: use-composed-ref@1.3.0: resolution: {integrity: sha512-GLMG0Jc/jiKov/3Ulid1wbv3r54K9HlMW29IWcDFPEqFkSO2nS0MuefWgMJpeHQ9YJeXDL3ZUF+P3jdXlZX/cQ==} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 use-isomorphic-layout-effect@1.1.2: resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==} peerDependencies: '@types/react': '*' - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 peerDependenciesMeta: '@types/react': optional: true @@ -16603,7 +16591,7 @@ packages: resolution: {integrity: sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==} peerDependencies: '@types/react': '*' - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 peerDependenciesMeta: '@types/react': optional: true @@ -16613,7 +16601,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.0.8 - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 peerDependenciesMeta: '@types/react': optional: true @@ -16621,7 +16609,7 @@ packages: use-sync-external-store@1.2.0: resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==} peerDependencies: - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 util-deprecate@1.0.2: resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==} @@ -19434,17 +19422,17 @@ snapshots: '@emotion/memoize@0.8.1': {} - '@emotion/react@11.11.1(@types/react@19.0.8)(react@19.1.0-canary-313332d1-20250326)': + '@emotion/react@11.11.1(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328)': dependencies: '@babel/runtime': 7.22.5 '@emotion/babel-plugin': 11.11.0 '@emotion/cache': 11.11.0 '@emotion/serialize': 1.1.2 - '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.1.0-canary-313332d1-20250326) + '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.2.0-canary-63779030-20250328) '@emotion/utils': 1.2.1 '@emotion/weak-memoize': 0.3.1 hoist-non-react-statics: 3.3.2 - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 optionalDependencies: '@types/react': 19.0.8 transitivePeerDependencies: @@ -19462,9 +19450,9 @@ snapshots: '@emotion/unitless@0.8.1': {} - '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.1.0-canary-313332d1-20250326)': + '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.2.0-canary-63779030-20250328)': dependencies: - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 '@emotion/utils@1.2.1': {} @@ -19888,18 +19876,18 @@ snapshots: '@floating-ui/core': 1.6.2 '@floating-ui/utils': 0.2.2 - '@floating-ui/react-dom@2.1.0(react-dom@19.1.0-canary-ff628334-20250205(react@19.1.0-canary-ff628334-20250205))(react@19.1.0-canary-ff628334-20250205)': + '@floating-ui/react-dom@2.1.0(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328)': dependencies: '@floating-ui/dom': 1.6.5 - react: 19.1.0-canary-ff628334-20250205 - react-dom: 19.1.0-canary-ff628334-20250205(react@19.1.0-canary-ff628334-20250205) + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328) - '@floating-ui/react@0.26.16(react-dom@19.1.0-canary-ff628334-20250205(react@19.1.0-canary-ff628334-20250205))(react@19.1.0-canary-ff628334-20250205)': + '@floating-ui/react@0.26.16(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328)': dependencies: - '@floating-ui/react-dom': 2.1.0(react-dom@19.1.0-canary-ff628334-20250205(react@19.1.0-canary-ff628334-20250205))(react@19.1.0-canary-ff628334-20250205) + '@floating-ui/react-dom': 2.1.0(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328) '@floating-ui/utils': 0.2.2 - react: 19.1.0-canary-ff628334-20250205 - react-dom: 19.1.0-canary-ff628334-20250205(react@19.1.0-canary-ff628334-20250205) + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328) tabbable: 6.2.0 '@floating-ui/utils@0.2.2': {} @@ -20945,23 +20933,23 @@ snapshots: dependencies: call-bind: 1.0.7 - '@mantine/core@7.10.1(@mantine/hooks@7.11.2(react@19.1.0-canary-ff628334-20250205))(@types/react@19.0.8)(react-dom@19.1.0-canary-ff628334-20250205(react@19.1.0-canary-ff628334-20250205))(react@19.1.0-canary-ff628334-20250205)': + '@mantine/core@7.10.1(@mantine/hooks@7.11.2(react@19.2.0-canary-63779030-20250328))(@types/react@19.0.8)(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328)': dependencies: - '@floating-ui/react': 0.26.16(react-dom@19.1.0-canary-ff628334-20250205(react@19.1.0-canary-ff628334-20250205))(react@19.1.0-canary-ff628334-20250205) - '@mantine/hooks': 7.11.2(react@19.1.0-canary-ff628334-20250205) + '@floating-ui/react': 0.26.16(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328) + '@mantine/hooks': 7.11.2(react@19.2.0-canary-63779030-20250328) clsx: 2.1.1 - react: 19.1.0-canary-ff628334-20250205 - react-dom: 19.1.0-canary-ff628334-20250205(react@19.1.0-canary-ff628334-20250205) - react-number-format: 5.4.0(react-dom@19.1.0-canary-ff628334-20250205(react@19.1.0-canary-ff628334-20250205))(react@19.1.0-canary-ff628334-20250205) - react-remove-scroll: 2.5.10(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205) - react-textarea-autosize: 8.5.3(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205) + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328) + react-number-format: 5.4.0(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328) + react-remove-scroll: 2.5.10(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328) + react-textarea-autosize: 8.5.3(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328) type-fest: 4.18.3 transitivePeerDependencies: - '@types/react' - '@mantine/hooks@7.11.2(react@19.1.0-canary-ff628334-20250205)': + '@mantine/hooks@7.11.2(react@19.2.0-canary-63779030-20250328)': dependencies: - react: 19.1.0-canary-ff628334-20250205 + react: 19.2.0-canary-63779030-20250328 '@mapbox/node-pre-gyp@1.0.5(encoding@0.1.13)': dependencies: @@ -21008,23 +20996,17 @@ snapshots: transitivePeerDependencies: - supports-color - '@mdx-js/react@2.2.1(react@19.1.0-canary-313332d1-20250326)': + '@mdx-js/react@2.2.1(react@19.2.0-canary-63779030-20250328)': dependencies: '@types/mdx': 2.0.3 '@types/react': 19.0.8 - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 - '@mdx-js/react@2.2.1(react@19.1.0-canary-ff628334-20250205)': + '@mdx-js/react@3.1.0(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328)': dependencies: '@types/mdx': 2.0.3 '@types/react': 19.0.8 - react: 19.1.0-canary-ff628334-20250205 - - '@mdx-js/react@3.1.0(@types/react@19.0.8)(react@19.1.0-canary-313332d1-20250326)': - dependencies: - '@types/mdx': 2.0.3 - '@types/react': 19.0.8 - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 '@module-federation/error-codes@0.11.1': {} @@ -21748,12 +21730,12 @@ snapshots: '@storybook/addon-docs@8.6.0(@types/react@19.0.8)(storybook@8.6.0(prettier@3.3.3))': dependencies: - '@mdx-js/react': 3.1.0(@types/react@19.0.8)(react@19.1.0-canary-313332d1-20250326) - '@storybook/blocks': 8.6.0(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326)(storybook@8.6.0(prettier@3.3.3)) + '@mdx-js/react': 3.1.0(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328) + '@storybook/blocks': 8.6.0(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328)(storybook@8.6.0(prettier@3.3.3)) '@storybook/csf-plugin': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - '@storybook/react-dom-shim': 8.6.0(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326)(storybook@8.6.0(prettier@3.3.3)) - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326) + '@storybook/react-dom-shim': 8.6.0(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328)(storybook@8.6.0(prettier@3.3.3)) + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328) storybook: 8.6.0(prettier@3.3.3) ts-dedent: 2.2.0 transitivePeerDependencies: @@ -21818,14 +21800,14 @@ snapshots: - '@swc/helpers' - webpack - '@storybook/blocks@8.6.0(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326)(storybook@8.6.0(prettier@3.3.3))': + '@storybook/blocks@8.6.0(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328)(storybook@8.6.0(prettier@3.3.3))': dependencies: - '@storybook/icons': 1.3.0(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326) + '@storybook/icons': 1.3.0(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328) storybook: 8.6.0(prettier@3.3.3) ts-dedent: 2.2.0 optionalDependencies: - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326) + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328) '@storybook/builder-webpack5@8.6.0(@rspack/core@1.3.0(@swc/helpers@0.5.15))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: @@ -21904,10 +21886,10 @@ snapshots: '@storybook/global@5.0.0': {} - '@storybook/icons@1.3.0(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326)': + '@storybook/icons@1.3.0(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328)': dependencies: - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326) + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328) '@storybook/instrumenter@8.6.0(storybook@8.6.0(prettier@3.3.3))': dependencies: @@ -21919,17 +21901,17 @@ snapshots: dependencies: storybook: 8.6.0(prettier@3.3.3) - '@storybook/preset-react-webpack@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/preset-react-webpack@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/core-webpack': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) '@storybook/react-docgen-typescript-plugin': 1.0.6--canary.9.0c3f3b7.0(typescript@5.8.2)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)) '@types/semver': 7.5.6 find-up: 5.0.0 magic-string: 0.30.17 - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 react-docgen: 7.1.0 - react-dom: 19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326) + react-dom: 19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328) resolve: 1.22.8 semver: 7.6.3 storybook: 8.6.0(prettier@3.3.3) @@ -21963,19 +21945,19 @@ snapshots: transitivePeerDependencies: - supports-color - '@storybook/react-dom-shim@8.6.0(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326)(storybook@8.6.0(prettier@3.3.3))': + '@storybook/react-dom-shim@8.6.0(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328)(storybook@8.6.0(prettier@3.3.3))': dependencies: - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326) + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328) storybook: 8.6.0(prettier@3.3.3) - '@storybook/react-webpack5@8.6.0(@rspack/core@1.3.0(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/react-webpack5@8.6.0(@rspack/core@1.3.0(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/builder-webpack5': 8.6.0(@rspack/core@1.3.0(@swc/helpers@0.5.15))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - '@storybook/preset-react-webpack': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326) + '@storybook/preset-react-webpack': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328) storybook: 8.6.0(prettier@3.3.3) optionalDependencies: typescript: 5.8.2 @@ -21988,16 +21970,16 @@ snapshots: - uglify-js - webpack-cli - '@storybook/react@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/react@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/components': 8.6.0(storybook@8.6.0(prettier@3.3.3)) '@storybook/global': 5.0.0 '@storybook/manager-api': 8.6.0(storybook@8.6.0(prettier@3.3.3)) '@storybook/preview-api': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - '@storybook/react-dom-shim': 8.6.0(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326)(storybook@8.6.0(prettier@3.3.3)) + '@storybook/react-dom-shim': 8.6.0(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328)(storybook@8.6.0(prettier@3.3.3)) '@storybook/theming': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326) + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328) storybook: 8.6.0(prettier@3.3.3) optionalDependencies: '@storybook/test': 8.6.0(storybook@8.6.0(prettier@3.3.3)) @@ -22271,13 +22253,13 @@ snapshots: lodash: 4.17.21 redent: 3.0.0 - '@testing-library/react@15.0.7(@types/react@19.0.8)(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326)': + '@testing-library/react@15.0.7(@types/react@19.0.8)(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328)': dependencies: '@babel/runtime': 7.22.5 '@testing-library/dom': 10.1.0 '@types/react-dom': 19.0.3(@types/react@19.0.8) - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326) + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328) optionalDependencies: '@types/react': 19.0.8 @@ -27968,7 +27950,7 @@ snapshots: hoist-non-react-statics@3.3.2: dependencies: - react-is: 19.1.0-canary-313332d1-20250326 + react-is: 19.2.0-canary-63779030-20250328 homedir-polyfill@1.0.3: dependencies: @@ -29971,9 +29953,9 @@ snapshots: lru-cache@7.18.3: {} - lucide-react@0.383.0(react@19.1.0-canary-ff628334-20250205): + lucide-react@0.383.0(react@19.2.0-canary-63779030-20250328): dependencies: - react: 19.1.0-canary-ff628334-20250205 + react: 19.2.0-canary-63779030-20250328 lz-string@1.5.0: {} @@ -32857,25 +32839,25 @@ snapshots: dependencies: ansi-regex: 5.0.1 ansi-styles: 5.2.0 - react-is: 19.1.0-canary-313332d1-20250326 + react-is: 19.2.0-canary-63779030-20250328 pretty-format@29.5.0: dependencies: '@jest/schemas': 29.4.3 ansi-styles: 5.2.0 - react-is: 19.1.0-canary-313332d1-20250326 + react-is: 19.2.0-canary-63779030-20250328 pretty-format@29.7.0: dependencies: '@jest/schemas': 29.6.3 ansi-styles: 5.2.0 - react-is: 19.1.0-canary-313332d1-20250326 + react-is: 19.2.0-canary-63779030-20250328 pretty-format@30.0.0-alpha.6: dependencies: '@jest/schemas': 30.0.0-alpha.6 ansi-styles: 5.2.0 - react-is: 19.1.0-canary-313332d1-20250326 + react-is: 19.2.0-canary-63779030-20250328 pretty-ms@7.0.0: dependencies: @@ -32938,7 +32920,7 @@ snapshots: dependencies: loose-envify: 1.4.0 object-assign: 4.1.1 - react-is: 19.1.0-canary-313332d1-20250326 + react-is: 19.2.0-canary-63779030-20250328 property-information@5.6.0: dependencies: @@ -33145,139 +33127,130 @@ snapshots: transitivePeerDependencies: - supports-color - react-dom@0.0.0-experimental-313332d1-20250326(react@19.1.0-canary-313332d1-20250326): - dependencies: - react: 19.1.0-canary-313332d1-20250326 - scheduler: 0.26.0-canary-313332d1-20250326 - - react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326): + react-dom@0.0.0-experimental-63779030-20250328(react@19.2.0-canary-63779030-20250328): dependencies: - react: 19.1.0-canary-313332d1-20250326 - scheduler: 0.26.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + scheduler: 0.27.0-canary-63779030-20250328 - react-dom@19.1.0-canary-ff628334-20250205(react@19.1.0-canary-ff628334-20250205): + react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328): dependencies: - react: 19.1.0-canary-ff628334-20250205 - scheduler: 0.26.0-canary-313332d1-20250326 - - react-is@19.1.0-canary-313332d1-20250326: {} + react: 19.2.0-canary-63779030-20250328 + scheduler: 0.27.0-canary-63779030-20250328 - react-is@19.1.0-canary-ff628334-20250205: {} + react-is@19.2.0-canary-63779030-20250328: {} react-lifecycles-compat@3.0.4: {} - react-number-format@5.4.0(react-dom@19.1.0-canary-ff628334-20250205(react@19.1.0-canary-ff628334-20250205))(react@19.1.0-canary-ff628334-20250205): + react-number-format@5.4.0(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328): dependencies: prop-types: 15.8.1 - react: 19.1.0-canary-ff628334-20250205 - react-dom: 19.1.0-canary-ff628334-20250205(react@19.1.0-canary-ff628334-20250205) + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328) react-refresh@0.12.0: {} - react-remove-scroll-bar@2.3.6(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205): + react-remove-scroll-bar@2.3.6(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328): dependencies: - react: 19.1.0-canary-ff628334-20250205 - react-style-singleton: 2.2.1(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205) + react: 19.2.0-canary-63779030-20250328 + react-style-singleton: 2.2.1(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328) tslib: 2.8.1 optionalDependencies: '@types/react': 19.0.8 - react-remove-scroll@2.5.10(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205): + react-remove-scroll@2.5.10(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328): dependencies: - react: 19.1.0-canary-ff628334-20250205 - react-remove-scroll-bar: 2.3.6(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205) - react-style-singleton: 2.2.1(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205) + react: 19.2.0-canary-63779030-20250328 + react-remove-scroll-bar: 2.3.6(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328) + react-style-singleton: 2.2.1(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328) tslib: 2.8.1 - use-callback-ref: 1.3.2(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205) - use-sidecar: 1.1.2(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205) + use-callback-ref: 1.3.2(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328) + use-sidecar: 1.1.2(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328) optionalDependencies: '@types/react': 19.0.8 - react-server-dom-turbopack@0.0.0-experimental-313332d1-20250326(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326): + react-server-dom-turbopack@0.0.0-experimental-63779030-20250328(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326) + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328) - react-server-dom-turbopack@19.1.0-canary-313332d1-20250326(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326): + react-server-dom-turbopack@19.2.0-canary-63779030-20250328(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326) + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328) - react-server-dom-webpack@0.0.0-experimental-313332d1-20250326(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): + react-server-dom-webpack@0.0.0-experimental-63779030-20250328(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326) + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328) webpack: 5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15)) webpack-sources: 3.2.3(patch_hash=jbynf5dc46ambamq3wuyho6hkq) - react-server-dom-webpack@19.1.0-canary-313332d1-20250326(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): + react-server-dom-webpack@19.2.0-canary-63779030-20250328(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326) + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328) webpack: 5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15)) webpack-sources: 3.2.3(patch_hash=jbynf5dc46ambamq3wuyho6hkq) - react-shallow-renderer@16.15.0(react@19.1.0-canary-313332d1-20250326): + react-shallow-renderer@16.15.0(react@19.2.0-canary-63779030-20250328): dependencies: object-assign: 4.1.1 - react: 19.1.0-canary-313332d1-20250326 - react-is: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-is: 19.2.0-canary-63779030-20250328 - react-ssr-prepass@1.0.8(react-is@19.1.0-canary-ff628334-20250205)(react@19.1.0-canary-313332d1-20250326): + react-ssr-prepass@1.0.8(react-is@19.2.0-canary-63779030-20250328)(react@19.2.0-canary-63779030-20250328): dependencies: object-is: 1.0.2 - react: 19.1.0-canary-313332d1-20250326 - react-is: 19.1.0-canary-ff628334-20250205 + react: 19.2.0-canary-63779030-20250328 + react-is: 19.2.0-canary-63779030-20250328 - react-style-singleton@2.2.1(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205): + react-style-singleton@2.2.1(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328): dependencies: get-nonce: 1.0.1 invariant: 2.2.4 - react: 19.1.0-canary-ff628334-20250205 + react: 19.2.0-canary-63779030-20250328 tslib: 2.8.1 optionalDependencies: '@types/react': 19.0.8 - react-test-renderer@18.2.0(react@19.1.0-canary-313332d1-20250326): + react-test-renderer@18.2.0(react@19.2.0-canary-63779030-20250328): dependencies: - react: 19.1.0-canary-313332d1-20250326 - react-is: 19.1.0-canary-313332d1-20250326 - react-shallow-renderer: 16.15.0(react@19.1.0-canary-313332d1-20250326) - scheduler: 0.26.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 + react-is: 19.2.0-canary-63779030-20250328 + react-shallow-renderer: 16.15.0(react@19.2.0-canary-63779030-20250328) + scheduler: 0.27.0-canary-63779030-20250328 - react-textarea-autosize@8.5.3(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205): + react-textarea-autosize@8.5.3(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328): dependencies: '@babel/runtime': 7.22.5 - react: 19.1.0-canary-ff628334-20250205 - use-composed-ref: 1.3.0(react@19.1.0-canary-ff628334-20250205) - use-latest: 1.2.1(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205) + react: 19.2.0-canary-63779030-20250328 + use-composed-ref: 1.3.0(react@19.2.0-canary-63779030-20250328) + use-latest: 1.2.1(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328) transitivePeerDependencies: - '@types/react' - react-virtualized@9.22.3(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326): + react-virtualized@9.22.3(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328): dependencies: '@babel/runtime': 7.22.5 clsx: 1.1.1 dom-helpers: 5.2.1 loose-envify: 1.4.0 prop-types: 15.8.1 - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326) + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328) react-lifecycles-compat: 3.0.4 - react@0.0.0-experimental-313332d1-20250326: {} - - react@19.1.0-canary-313332d1-20250326: {} + react@0.0.0-experimental-63779030-20250328: {} - react@19.1.0-canary-ff628334-20250205: {} + react@19.2.0-canary-63779030-20250328: {} read-cache@1.0.0: dependencies: @@ -34035,9 +34008,9 @@ snapshots: dependencies: xmlchars: 2.2.0 - scheduler@0.0.0-experimental-313332d1-20250326: {} + scheduler@0.0.0-experimental-63779030-20250328: {} - scheduler@0.26.0-canary-313332d1-20250326: {} + scheduler@0.27.0-canary-63779030-20250328: {} schema-utils@2.7.1: dependencies: @@ -34794,7 +34767,7 @@ snapshots: dependencies: inline-style-parser: 0.1.1 - styled-components@6.0.0-rc.3(react-dom@19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326))(react@19.1.0-canary-313332d1-20250326): + styled-components@6.0.0-rc.3(react-dom@19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328))(react@19.2.0-canary-63779030-20250328): dependencies: '@babel/cli': 7.21.5(@babel/core@7.22.5) '@babel/core': 7.22.5 @@ -34809,8 +34782,8 @@ snapshots: '@emotion/unitless': 0.8.1 css-to-react-native: 3.2.0 postcss: 8.4.31 - react: 19.1.0-canary-313332d1-20250326 - react-dom: 19.1.0-canary-313332d1-20250326(react@19.1.0-canary-313332d1-20250326) + react: 19.2.0-canary-63779030-20250328 + react-dom: 19.2.0-canary-63779030-20250328(react@19.2.0-canary-63779030-20250328) shallowequal: 1.1.0 stylis: 4.2.0 tslib: 2.5.3 @@ -34822,10 +34795,10 @@ snapshots: postcss: 7.0.32 postcss-load-plugins: 2.3.0 - styled-jsx@5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.1.0-canary-313332d1-20250326): + styled-jsx@5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-63779030-20250328): dependencies: client-only: 0.0.1 - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 optionalDependencies: '@babel/core': 7.22.5 babel-plugin-macros: 3.1.0 @@ -34921,11 +34894,11 @@ snapshots: '@swc/counter': 0.1.3 webpack: 5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2) - swr@2.2.4(react@19.1.0-canary-313332d1-20250326): + swr@2.2.4(react@19.2.0-canary-63779030-20250328): dependencies: client-only: 0.0.1 - react: 19.1.0-canary-313332d1-20250326 - use-sync-external-store: 1.2.0(react@19.1.0-canary-313332d1-20250326) + react: 19.2.0-canary-63779030-20250328 + use-sync-external-store: 1.2.0(react@19.2.0-canary-63779030-20250328) symbol-observable@1.0.1: {} @@ -35724,9 +35697,9 @@ snapshots: unist-util-is: 6.0.0 unist-util-visit-parents: 6.0.1 - unistore@3.4.1(react@19.1.0-canary-313332d1-20250326): + unistore@3.4.1(react@19.2.0-canary-63779030-20250328): optionalDependencies: - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 universal-github-app-jwt@1.1.1: dependencies: @@ -35820,41 +35793,41 @@ snapshots: punycode: 1.4.1 qs: 6.13.1 - use-callback-ref@1.3.2(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205): + use-callback-ref@1.3.2(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328): dependencies: - react: 19.1.0-canary-ff628334-20250205 + react: 19.2.0-canary-63779030-20250328 tslib: 2.8.1 optionalDependencies: '@types/react': 19.0.8 - use-composed-ref@1.3.0(react@19.1.0-canary-ff628334-20250205): + use-composed-ref@1.3.0(react@19.2.0-canary-63779030-20250328): dependencies: - react: 19.1.0-canary-ff628334-20250205 + react: 19.2.0-canary-63779030-20250328 - use-isomorphic-layout-effect@1.1.2(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205): + use-isomorphic-layout-effect@1.1.2(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328): dependencies: - react: 19.1.0-canary-ff628334-20250205 + react: 19.2.0-canary-63779030-20250328 optionalDependencies: '@types/react': 19.0.8 - use-latest@1.2.1(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205): + use-latest@1.2.1(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328): dependencies: - react: 19.1.0-canary-ff628334-20250205 - use-isomorphic-layout-effect: 1.1.2(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205) + react: 19.2.0-canary-63779030-20250328 + use-isomorphic-layout-effect: 1.1.2(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328) optionalDependencies: '@types/react': 19.0.8 - use-sidecar@1.1.2(@types/react@19.0.8)(react@19.1.0-canary-ff628334-20250205): + use-sidecar@1.1.2(@types/react@19.0.8)(react@19.2.0-canary-63779030-20250328): dependencies: detect-node-es: 1.1.0 - react: 19.1.0-canary-ff628334-20250205 + react: 19.2.0-canary-63779030-20250328 tslib: 2.8.1 optionalDependencies: '@types/react': 19.0.8 - use-sync-external-store@1.2.0(react@19.1.0-canary-313332d1-20250326): + use-sync-external-store@1.2.0(react@19.2.0-canary-63779030-20250328): dependencies: - react: 19.1.0-canary-313332d1-20250326 + react: 19.2.0-canary-63779030-20250328 util-deprecate@1.0.2: {} diff --git a/test/development/acceptance-app/hydration-error.test.ts b/test/development/acceptance-app/hydration-error.test.ts index 967033683ce4c..d49fc3e0dab1f 100644 --- a/test/development/acceptance-app/hydration-error.test.ts +++ b/test/development/acceptance-app/hydration-error.test.ts @@ -73,6 +73,7 @@ describe('Error overlay for hydration errors in App router', () => { expect(await getRedboxTotalErrorCount(browser)).toBe(1) + // TODO(veil): Should be "rendered text" expect(await session.getRedboxDescription()).toMatchInlineSnapshot( `"Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:"` ) diff --git a/test/production/allow-development-build/allow-development-build.test.ts b/test/production/allow-development-build/allow-development-build.test.ts index e9651dd8267fb..f5c17f3cba515 100644 --- a/test/production/allow-development-build/allow-development-build.test.ts +++ b/test/production/allow-development-build/allow-development-build.test.ts @@ -37,9 +37,14 @@ describe('allow-development-build', () => { expect.arrayContaining([ { message: expect.toBeOneOf([ - expect.stringContaining( - "Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client." - ), + expect.toBeOneOf([ + expect.stringContaining( + "Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client." + ), + expect.stringContaining( + "Hydration failed because the server rendered text didn't match the client. As a result this tree will be regenerated on the client." + ), + ]), expect.stringContaining( 'There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering.' ),