diff --git a/package.json b/package.json index e9d99d68234043..65e752e1b1f890 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 529d03db72646e..366567e931940b 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 f7d33237bff1e9..172de760541cfe 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 67fd866ebfacbe..a7cbff9357ce72 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 5b8d768232cc10..3ad2edb5966df8 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 f35b6163bded86..ddab11b1556223 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 cfbd42636bcb9a..85be574f73f905 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 73466b03db94db..5ae914e2961d06 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 65efe4e5e0cafe..a20345b361e069 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 f4cd9f3e747892..44a5057cead3b4 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 698529f6643359..4582249c380b00 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 a52f117b51d212..2e0b97642c93da 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 f937e486e1366e..040af596764701 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 63fd1c169381af..575a6095a0545d 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 87a2e3220195c6..e37cb0744e1b06 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 a871fb5a730717..1296756a271d99 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 0af3170e58105e..c777095d3fec2d 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 2b720cb2c2f4ed..d936709e312aad 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 bba427a2fe66a7..eed910dee462dd 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 759b71fd057279..9af0428312e846 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 4b5b3b7e4c82b9..99e06dade20de5 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 8eb75683521282..6d8d8a5f0a7a56 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 21fbfc444ad9a5..4a269417048a03 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 c57080e3806fe5..af0a40e56869e8 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 f511df449d92f4..bf87f513220f98 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 f5749dd7ba4c8c..ef1b4266252389 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 344ccd274208e4..f8207d74b49340 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 da308335f6ccba..64f8862491c6bd 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 5b65318f24cd8a..f4891831b8d5a0 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 de63387be1de35..d500befac5ea32 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 9d55d697041ad2..c9b87b3d429455 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 f2c036ea70d913..a08815be4cba4a 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 a56a7bbded2f74..987d447e6f253d 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 532fb38da34ac9..94538ec3d32f8c 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 2d3347d78031a3..e4aa4986f5d648 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 8e1ff5df4624ff..2283d94fa00f55 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 2456fd09239b18..e3b88a5fcd7f1f 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 ad82c907b08787..dfba6c0bc5672a 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 381a9f32d7c336..21cab8f7c64d7f 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 2cbbb571c9967c..5c77f8d4bc7046 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 5357ba8e5bec24..7e086269d5d0c2 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 1a2c83d5ddd3d6..99d63d0e874456 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 30deba04c8d04a..f00f3e7ef79b1b 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 688d2c22266a1e..7cc30a55d21fbd 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 963c3e0a1b0631..5ee95972df1a0c 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 e33b9f018b3a7b..4e3255bab1994a 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 5601620aaf377c..345ffde033eb08 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 fbb2daf11044b7..9118c4f1bbc2d8 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 2d399dd3dbe856..07ec91738b6f16 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 e7416e74fe7b46..6cc2d7a847218d 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 c99d3050218b76..e72f15c77b8de0 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 3aa38359566ee0..1248207c5a7e48 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 459452ebfcff62..4eb42419b7a930 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 4cb6493e49483b..435c9b85eae59f 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 4831d8ba806cf7..59cc66e4b3210c 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 6e343dc6eb7e42..ee55fa04ab5433 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 08c19de76e80e7..000bec518fdfcd 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 8ad9e2af36dab4..a661a953213cfd 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 0c2b973db9da04..f80c9abccb083f 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 a29a09646f9f63..ef0cafa80f2c16 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 0d8c62c46cd3b3..06bade8a1fe9dc 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 8149015514b981..595cc78509efbd 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 967033683ce4cc..d49fc3e0dab1f8 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 e9651dd8267fb2..f5c17f3cba5154 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.' ),