diff --git a/package.json b/package.json
index e14ee6122bcb5..078cd1bbf923c 100644
--- a/package.json
+++ b/package.json
@@ -228,16 +228,16 @@
"pretty-ms": "7.0.0",
"random-seed": "0.3.0",
"react": "19.0.0",
- "react-builtin": "npm:react@19.2.0-canary-c44e4a25-20250409",
+ "react-builtin": "npm:react@19.2.0-canary-1d6c8168-20250411",
"react-dom": "19.0.0",
- "react-dom-builtin": "npm:react-dom@19.2.0-canary-c44e4a25-20250409",
- "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-c44e4a25-20250409",
- "react-experimental-builtin": "npm:react@0.0.0-experimental-c44e4a25-20250409",
- "react-is-builtin": "npm:react-is@19.2.0-canary-c44e4a25-20250409",
- "react-server-dom-turbopack": "19.2.0-canary-c44e4a25-20250409",
- "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-c44e4a25-20250409",
- "react-server-dom-webpack": "19.2.0-canary-c44e4a25-20250409",
- "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-c44e4a25-20250409",
+ "react-dom-builtin": "npm:react-dom@19.2.0-canary-1d6c8168-20250411",
+ "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-1d6c8168-20250411",
+ "react-experimental-builtin": "npm:react@0.0.0-experimental-1d6c8168-20250411",
+ "react-is-builtin": "npm:react-is@19.2.0-canary-1d6c8168-20250411",
+ "react-server-dom-turbopack": "19.2.0-canary-1d6c8168-20250411",
+ "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-1d6c8168-20250411",
+ "react-server-dom-webpack": "19.2.0-canary-1d6c8168-20250411",
+ "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-1d6c8168-20250411",
"react-ssr-prepass": "1.0.8",
"react-virtualized": "9.22.3",
"relay-compiler": "13.0.2",
@@ -247,8 +247,8 @@
"resolve-from": "5.0.0",
"sass": "1.54.0",
"satori": "0.12.2",
- "scheduler-builtin": "npm:scheduler@0.27.0-canary-c44e4a25-20250409",
- "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-c44e4a25-20250409",
+ "scheduler-builtin": "npm:scheduler@0.27.0-canary-1d6c8168-20250411",
+ "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-1d6c8168-20250411",
"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.2.0-canary-c44e4a25-20250409",
- "react-dom": "19.2.0-canary-c44e4a25-20250409",
- "react-is": "19.2.0-canary-c44e4a25-20250409",
- "scheduler": "0.27.0-canary-c44e4a25-20250409"
+ "react": "19.2.0-canary-1d6c8168-20250411",
+ "react-dom": "19.2.0-canary-1d6c8168-20250411",
+ "react-is": "19.2.0-canary-1d6c8168-20250411",
+ "scheduler": "0.27.0-canary-1d6c8168-20250411"
},
"patchedDependencies": {
"webpack-sources@3.2.3": "patches/webpack-sources@3.2.3.patch",
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 c8a59bdeeff60..2cf19941ccbb1 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
@@ -10217,101 +10217,92 @@
var JSCompiler_object_inline_componentStack_2904;
var JSCompiler_object_inline_stack_2903 = workInProgress.pendingProps;
shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128);
- var JSCompiler_object_inline_message_2901 = !1;
- var didSuspend = 0 !== (workInProgress.flags & 128);
+ var showFallback = !1,
+ didSuspend = 0 !== (workInProgress.flags & 128);
(JSCompiler_object_inline_componentStack_2904 = didSuspend) ||
(JSCompiler_object_inline_componentStack_2904 =
null !== current && null === current.memoizedState
? !1
: 0 !== (suspenseStackCursor.current & ForceSuspenseFallback));
JSCompiler_object_inline_componentStack_2904 &&
- ((JSCompiler_object_inline_message_2901 = !0),
- (workInProgress.flags &= -129));
+ ((showFallback = !0), (workInProgress.flags &= -129));
JSCompiler_object_inline_componentStack_2904 =
0 !== (workInProgress.flags & 32);
workInProgress.flags &= -33;
if (null === current) {
if (isHydrating) {
- JSCompiler_object_inline_message_2901
+ showFallback
? pushPrimaryTreeSuspenseHandler(workInProgress)
: reuseSuspenseHandlerOnStack(workInProgress);
- if (isHydrating) {
- var JSCompiler_object_inline_digest_2902 = nextHydratableInstance;
- var JSCompiler_temp;
- if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2902)) {
- c: {
- var instance = JSCompiler_object_inline_digest_2902;
- for (
- JSCompiler_temp = rootOrSingletonContext;
- 8 !== instance.nodeType;
+ if ((current = nextHydratableInstance)) {
+ a: {
+ JSCompiler_object_inline_componentStack_2904 = current;
+ for (
+ renderLanes = rootOrSingletonContext;
+ 8 !== JSCompiler_object_inline_componentStack_2904.nodeType;
- ) {
- if (!JSCompiler_temp) {
- JSCompiler_temp = null;
- break c;
- }
- instance = getNextHydratable(instance.nextSibling);
- if (null === instance) {
- JSCompiler_temp = null;
- break c;
- }
+ ) {
+ if (!renderLanes) {
+ renderLanes = null;
+ break a;
+ }
+ JSCompiler_object_inline_componentStack_2904 =
+ getNextHydratable(
+ JSCompiler_object_inline_componentStack_2904.nextSibling
+ );
+ if (null === JSCompiler_object_inline_componentStack_2904) {
+ renderLanes = null;
+ break a;
}
- JSCompiler_temp = instance;
}
- null !== JSCompiler_temp
- ? (warnIfNotHydrating(),
- (workInProgress.memoizedState = {
- dehydrated: JSCompiler_temp,
- treeContext:
- null !== treeContextProvider
- ? { id: treeContextId, overflow: treeContextOverflow }
- : null,
- retryLane: 536870912,
- hydrationErrors: null
- }),
- (instance = createFiber(18, null, null, NoMode)),
- (instance.stateNode = JSCompiler_temp),
- (instance.return = workInProgress),
- (workInProgress.child = instance),
- (hydrationParentFiber = workInProgress),
- (nextHydratableInstance = null),
- (JSCompiler_temp = !0))
- : (JSCompiler_temp = !1);
- JSCompiler_temp = !JSCompiler_temp;
+ renderLanes = JSCompiler_object_inline_componentStack_2904;
}
- JSCompiler_temp &&
- (warnNonHydratedInstance(
- workInProgress,
- JSCompiler_object_inline_digest_2902
- ),
- throwOnHydrationMismatch(workInProgress));
- }
- JSCompiler_object_inline_digest_2902 = workInProgress.memoizedState;
- if (
- null !== JSCompiler_object_inline_digest_2902 &&
- ((JSCompiler_object_inline_digest_2902 =
- JSCompiler_object_inline_digest_2902.dehydrated),
- null !== JSCompiler_object_inline_digest_2902)
- )
- return (
- isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2902)
- ? (workInProgress.lanes = 32)
- : (workInProgress.lanes = 536870912),
- null
+ null !== renderLanes &&
+ (warnIfNotHydrating(),
+ (workInProgress.memoizedState = {
+ dehydrated: renderLanes,
+ treeContext:
+ null !== treeContextProvider
+ ? { id: treeContextId, overflow: treeContextOverflow }
+ : null,
+ retryLane: 536870912,
+ hydrationErrors: null
+ }),
+ (JSCompiler_object_inline_componentStack_2904 = renderLanes),
+ (JSCompiler_object_inline_stack_2903 = createFiber(
+ 18,
+ null,
+ null,
+ NoMode
+ )),
+ (JSCompiler_object_inline_stack_2903.stateNode =
+ JSCompiler_object_inline_componentStack_2904),
+ (JSCompiler_object_inline_stack_2903.return = workInProgress),
+ (workInProgress.child = JSCompiler_object_inline_stack_2903),
+ (hydrationParentFiber = workInProgress),
+ (nextHydratableInstance = null));
+ } else renderLanes = null;
+ if (null === renderLanes)
+ throw (
+ (warnNonHydratedInstance(workInProgress, current),
+ throwOnHydrationMismatch(workInProgress))
);
- popSuspenseHandler(workInProgress);
+ isSuspenseInstanceFallback(renderLanes)
+ ? (workInProgress.lanes = 32)
+ : (workInProgress.lanes = 536870912);
+ return null;
}
- JSCompiler_object_inline_digest_2902 =
+ var JSCompiler_object_inline_message_2901 =
JSCompiler_object_inline_stack_2903.children;
- JSCompiler_temp = JSCompiler_object_inline_stack_2903.fallback;
- if (JSCompiler_object_inline_message_2901)
+ var nextFallbackChildren = JSCompiler_object_inline_stack_2903.fallback;
+ if (showFallback)
return (
reuseSuspenseHandlerOnStack(workInProgress),
(JSCompiler_object_inline_stack_2903 =
mountSuspenseFallbackChildren(
workInProgress,
- JSCompiler_object_inline_digest_2902,
- JSCompiler_temp,
+ JSCompiler_object_inline_message_2901,
+ nextFallbackChildren,
renderLanes
)),
(JSCompiler_object_inline_message_2901 = workInProgress.child),
@@ -10335,8 +10326,8 @@
(JSCompiler_object_inline_stack_2903 =
mountSuspenseFallbackChildren(
workInProgress,
- JSCompiler_object_inline_digest_2902,
- JSCompiler_temp,
+ JSCompiler_object_inline_message_2901,
+ nextFallbackChildren,
renderLanes
)),
(JSCompiler_object_inline_message_2901 = workInProgress.child),
@@ -10355,14 +10346,15 @@
pushPrimaryTreeSuspenseHandler(workInProgress);
return mountSuspensePrimaryChildren(
workInProgress,
- JSCompiler_object_inline_digest_2902
+ JSCompiler_object_inline_message_2901
);
}
- var prevState = current.memoizedState;
+ var JSCompiler_object_inline_digest_2902 = current.memoizedState;
if (
- null !== prevState &&
- ((JSCompiler_object_inline_digest_2902 = prevState.dehydrated),
- null !== JSCompiler_object_inline_digest_2902)
+ null !== JSCompiler_object_inline_digest_2902 &&
+ ((JSCompiler_object_inline_message_2901 =
+ JSCompiler_object_inline_digest_2902.dehydrated),
+ null !== JSCompiler_object_inline_message_2901)
) {
if (didSuspend)
workInProgress.flags & 256
@@ -10381,19 +10373,19 @@
: (reuseSuspenseHandlerOnStack(workInProgress),
(JSCompiler_object_inline_message_2901 =
JSCompiler_object_inline_stack_2903.fallback),
- (JSCompiler_object_inline_digest_2902 = workInProgress.mode),
+ (nextFallbackChildren = workInProgress.mode),
(JSCompiler_object_inline_stack_2903 =
mountWorkInProgressOffscreenFiber(
{
mode: "visible",
children: JSCompiler_object_inline_stack_2903.children
},
- JSCompiler_object_inline_digest_2902
+ nextFallbackChildren
)),
(JSCompiler_object_inline_message_2901 =
createFiberFromFragment(
JSCompiler_object_inline_message_2901,
- JSCompiler_object_inline_digest_2902,
+ nextFallbackChildren,
renderLanes,
null
)),
@@ -10426,24 +10418,28 @@
console.error(
"We should not be hydrating here. This is a bug in React. Please file a bug."
),
- isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2902))
+ isSuspenseInstanceFallback(JSCompiler_object_inline_message_2901))
) {
JSCompiler_object_inline_componentStack_2904 =
- JSCompiler_object_inline_digest_2902.nextSibling &&
- JSCompiler_object_inline_digest_2902.nextSibling.dataset;
+ JSCompiler_object_inline_message_2901.nextSibling &&
+ JSCompiler_object_inline_message_2901.nextSibling.dataset;
if (JSCompiler_object_inline_componentStack_2904) {
- JSCompiler_temp = JSCompiler_object_inline_componentStack_2904.dgst;
+ nextFallbackChildren =
+ JSCompiler_object_inline_componentStack_2904.dgst;
var message = JSCompiler_object_inline_componentStack_2904.msg;
- instance = JSCompiler_object_inline_componentStack_2904.stck;
var componentStack =
+ JSCompiler_object_inline_componentStack_2904.stck;
+ var componentStack$jscomp$0 =
JSCompiler_object_inline_componentStack_2904.cstck;
}
JSCompiler_object_inline_message_2901 = message;
- JSCompiler_object_inline_digest_2902 = JSCompiler_temp;
- JSCompiler_object_inline_stack_2903 = instance;
- JSCompiler_temp = JSCompiler_object_inline_componentStack_2904 =
- componentStack;
- "POSTPONE" !== JSCompiler_object_inline_digest_2902 &&
+ JSCompiler_object_inline_digest_2902 = nextFallbackChildren;
+ JSCompiler_object_inline_stack_2903 = componentStack;
+ JSCompiler_object_inline_componentStack_2904 =
+ componentStack$jscomp$0;
+ nextFallbackChildren = JSCompiler_object_inline_digest_2902;
+ componentStack = JSCompiler_object_inline_componentStack_2904;
+ "POSTPONE" !== nextFallbackChildren &&
((JSCompiler_object_inline_componentStack_2904 =
JSCompiler_object_inline_message_2901
? Error(JSCompiler_object_inline_message_2901)
@@ -10453,9 +10449,9 @@
(JSCompiler_object_inline_componentStack_2904.stack =
JSCompiler_object_inline_stack_2903 || ""),
(JSCompiler_object_inline_componentStack_2904.digest =
- JSCompiler_object_inline_digest_2902),
+ nextFallbackChildren),
(JSCompiler_object_inline_stack_2903 =
- void 0 === JSCompiler_temp ? null : JSCompiler_temp),
+ void 0 === componentStack ? null : componentStack),
(JSCompiler_object_inline_message_2901 = {
value: JSCompiler_object_inline_componentStack_2904,
source: null,
@@ -10502,10 +10498,12 @@
? 0
: JSCompiler_object_inline_stack_2903),
0 !== JSCompiler_object_inline_stack_2903 &&
- JSCompiler_object_inline_stack_2903 !== prevState.retryLane)
+ JSCompiler_object_inline_stack_2903 !==
+ JSCompiler_object_inline_digest_2902.retryLane)
)
throw (
- ((prevState.retryLane = JSCompiler_object_inline_stack_2903),
+ ((JSCompiler_object_inline_digest_2902.retryLane =
+ JSCompiler_object_inline_stack_2903),
enqueueConcurrentRenderForLane(
current,
JSCompiler_object_inline_stack_2903
@@ -10517,7 +10515,7 @@
),
SelectiveHydrationException)
);
- JSCompiler_object_inline_digest_2902.data ===
+ JSCompiler_object_inline_message_2901.data ===
SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible();
workInProgress = retrySuspenseComponentWithoutHydrating(
current,
@@ -10525,14 +10523,14 @@
renderLanes
);
} else
- JSCompiler_object_inline_digest_2902.data ===
+ JSCompiler_object_inline_message_2901.data ===
SUSPENSE_PENDING_START_DATA
? ((workInProgress.flags |= 192),
(workInProgress.child = current.child),
(workInProgress = null))
- : ((current = prevState.treeContext),
+ : ((current = JSCompiler_object_inline_digest_2902.treeContext),
(nextHydratableInstance = getNextHydratable(
- JSCompiler_object_inline_digest_2902.nextSibling
+ JSCompiler_object_inline_message_2901.nextSibling
)),
(hydrationParentFiber = workInProgress),
(isHydrating = !0),
@@ -10555,31 +10553,31 @@
(workInProgress.flags |= 4096));
return workInProgress;
}
- if (JSCompiler_object_inline_message_2901)
+ if (showFallback)
return (
reuseSuspenseHandlerOnStack(workInProgress),
(JSCompiler_object_inline_message_2901 =
JSCompiler_object_inline_stack_2903.fallback),
- (JSCompiler_object_inline_digest_2902 = workInProgress.mode),
- (JSCompiler_temp = current.child),
- (instance = JSCompiler_temp.sibling),
+ (nextFallbackChildren = workInProgress.mode),
+ (componentStack = current.child),
+ (componentStack$jscomp$0 = componentStack.sibling),
(JSCompiler_object_inline_stack_2903 = createWorkInProgress(
- JSCompiler_temp,
+ componentStack,
{
mode: "hidden",
children: JSCompiler_object_inline_stack_2903.children
}
)),
(JSCompiler_object_inline_stack_2903.subtreeFlags =
- JSCompiler_temp.subtreeFlags & 65011712),
- null !== instance
+ componentStack.subtreeFlags & 65011712),
+ null !== componentStack$jscomp$0
? (JSCompiler_object_inline_message_2901 = createWorkInProgress(
- instance,
+ componentStack$jscomp$0,
JSCompiler_object_inline_message_2901
))
: ((JSCompiler_object_inline_message_2901 = createFiberFromFragment(
JSCompiler_object_inline_message_2901,
- JSCompiler_object_inline_digest_2902,
+ nextFallbackChildren,
renderLanes,
null
)),
@@ -10592,26 +10590,26 @@
(JSCompiler_object_inline_stack_2903 =
JSCompiler_object_inline_message_2901),
(JSCompiler_object_inline_message_2901 = workInProgress.child),
- (JSCompiler_object_inline_digest_2902 = current.child.memoizedState),
- null === JSCompiler_object_inline_digest_2902
- ? (JSCompiler_object_inline_digest_2902 =
- mountSuspenseOffscreenState(renderLanes))
- : ((JSCompiler_temp =
- JSCompiler_object_inline_digest_2902.cachePool),
- null !== JSCompiler_temp
- ? ((instance = CacheContext._currentValue),
- (JSCompiler_temp =
- JSCompiler_temp.parent !== instance
- ? { parent: instance, pool: instance }
- : JSCompiler_temp))
- : (JSCompiler_temp = getSuspendedCache()),
- (JSCompiler_object_inline_digest_2902 = {
- baseLanes:
- JSCompiler_object_inline_digest_2902.baseLanes | renderLanes,
- cachePool: JSCompiler_temp
+ (nextFallbackChildren = current.child.memoizedState),
+ null === nextFallbackChildren
+ ? (nextFallbackChildren = mountSuspenseOffscreenState(renderLanes))
+ : ((componentStack = nextFallbackChildren.cachePool),
+ null !== componentStack
+ ? ((componentStack$jscomp$0 = CacheContext._currentValue),
+ (componentStack =
+ componentStack.parent !== componentStack$jscomp$0
+ ? {
+ parent: componentStack$jscomp$0,
+ pool: componentStack$jscomp$0
+ }
+ : componentStack))
+ : (componentStack = getSuspendedCache()),
+ (nextFallbackChildren = {
+ baseLanes: nextFallbackChildren.baseLanes | renderLanes,
+ cachePool: componentStack
})),
(JSCompiler_object_inline_message_2901.memoizedState =
- JSCompiler_object_inline_digest_2902),
+ nextFallbackChildren),
(JSCompiler_object_inline_message_2901.childLanes =
getRemainingWorkInPrimaryTree(
current,
@@ -13551,6 +13549,7 @@
var props = changedParent.memoizedProps,
name = getViewTransitionName(props, changedParent.stateNode);
props = getViewTransitionClassName(props.default, props.update);
+ changedParent.flags &= -5;
"none" !== props &&
applyViewTransitionToHostInstances(
changedParent.child,
@@ -16654,6 +16653,7 @@
_nextPhase = pushMutationContext();
instance = parentFiber.stateNode;
instance.clones = null;
+ parentFiber.flags &= -5;
recursivelyInsertClonesFromExistingTree(
parentFiber,
hostParentClone,
@@ -22950,55 +22950,45 @@
}
function clearSuspenseBoundary(parentInstance, suspenseInstance) {
var node = suspenseInstance,
- possiblePreambleContribution = 0,
depth = 0;
do {
var nextNode = node.nextSibling;
parentInstance.removeChild(node);
if (nextNode && 8 === nextNode.nodeType)
if (((node = nextNode.data), node === SUSPENSE_END_DATA)) {
- if (
- 0 < possiblePreambleContribution &&
- 8 > possiblePreambleContribution
- ) {
- node = possiblePreambleContribution;
- var ownerDocument = parentInstance.ownerDocument;
- node & PREAMBLE_CONTRIBUTION_HTML &&
- releaseSingletonInstance(ownerDocument.documentElement);
- node & PREAMBLE_CONTRIBUTION_BODY &&
- releaseSingletonInstance(ownerDocument.body);
- if (node & PREAMBLE_CONTRIBUTION_HEAD)
- for (
- node = ownerDocument.head,
- releaseSingletonInstance(node),
- ownerDocument = node.firstChild;
- ownerDocument;
-
- ) {
- var nextNode$jscomp$0 = ownerDocument.nextSibling,
- nodeName = ownerDocument.nodeName;
- ownerDocument[internalHoistableMarker] ||
- "SCRIPT" === nodeName ||
- "STYLE" === nodeName ||
- ("LINK" === nodeName &&
- "stylesheet" === ownerDocument.rel.toLowerCase()) ||
- node.removeChild(ownerDocument);
- ownerDocument = nextNode$jscomp$0;
- }
- }
if (0 === depth) {
parentInstance.removeChild(nextNode);
retryIfBlockedOn(suspenseInstance);
return;
}
depth--;
- } else
+ } else if (
node === SUSPENSE_START_DATA ||
node === SUSPENSE_PENDING_START_DATA ||
node === SUSPENSE_FALLBACK_START_DATA
- ? depth++
- : (possiblePreambleContribution = node.charCodeAt(0) - 48);
- else possiblePreambleContribution = 0;
+ )
+ depth++;
+ else if (node === PREAMBLE_CONTRIBUTION_HTML)
+ releaseSingletonInstance(
+ parentInstance.ownerDocument.documentElement
+ );
+ else if (node === PREAMBLE_CONTRIBUTION_HEAD) {
+ node = parentInstance.ownerDocument.head;
+ releaseSingletonInstance(node);
+ for (var node$jscomp$0 = node.firstChild; node$jscomp$0; ) {
+ var nextNode$jscomp$0 = node$jscomp$0.nextSibling,
+ nodeName = node$jscomp$0.nodeName;
+ node$jscomp$0[internalHoistableMarker] ||
+ "SCRIPT" === nodeName ||
+ "STYLE" === nodeName ||
+ ("LINK" === nodeName &&
+ "stylesheet" === node$jscomp$0.rel.toLowerCase()) ||
+ node.removeChild(node$jscomp$0);
+ node$jscomp$0 = nextNode$jscomp$0;
+ }
+ } else
+ node === PREAMBLE_CONTRIBUTION_BODY &&
+ releaseSingletonInstance(parentInstance.ownerDocument.body);
node = nextNode;
} while (node);
retryIfBlockedOn(suspenseInstance);
@@ -28811,9 +28801,9 @@
SUSPENSE_END_DATA = "/$",
SUSPENSE_PENDING_START_DATA = "$?",
SUSPENSE_FALLBACK_START_DATA = "$!",
- PREAMBLE_CONTRIBUTION_HTML = 1,
- PREAMBLE_CONTRIBUTION_BODY = 2,
- PREAMBLE_CONTRIBUTION_HEAD = 4,
+ PREAMBLE_CONTRIBUTION_HTML = "html",
+ PREAMBLE_CONTRIBUTION_BODY = "body",
+ PREAMBLE_CONTRIBUTION_HEAD = "head",
FORM_STATE_IS_MATCHING = "F!",
FORM_STATE_IS_NOT_MATCHING = "F",
DOCUMENT_READY_STATE_COMPLETE = "complete",
@@ -29435,11 +29425,11 @@
};
(function () {
var isomorphicReactPackageVersion = React.version;
- if ("19.2.0-experimental-c44e4a25-20250409" !== isomorphicReactPackageVersion)
+ if ("19.2.0-experimental-1d6c8168-20250411" !== 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.2.0-experimental-c44e4a25-20250409\nLearn more: https://react.dev/warnings/version-mismatch")
+ "\n - react-dom: 19.2.0-experimental-1d6c8168-20250411\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -29476,10 +29466,10 @@
!(function () {
var internals = {
bundleType: 1,
- version: "19.2.0-experimental-c44e4a25-20250409",
+ version: "19.2.0-experimental-1d6c8168-20250411",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
- reconcilerVersion: "19.2.0-experimental-c44e4a25-20250409"
+ reconcilerVersion: "19.2.0-experimental-1d6c8168-20250411"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -29621,7 +29611,7 @@
listenToAllSupportedEvents(container);
return new ReactDOMHydrationRoot(initialChildren);
};
- exports.version = "19.2.0-experimental-c44e4a25-20250409";
+ exports.version = "19.2.0-experimental-1d6c8168-20250411";
"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 10e5b93f8f670..61084631bdf0e 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
@@ -7011,84 +7011,60 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
showFallback
? pushPrimaryTreeSuspenseHandler(workInProgress)
: reuseSuspenseHandlerOnStack(workInProgress);
- if (isHydrating) {
- var nextInstance = nextHydratableInstance,
- JSCompiler_temp$jscomp$0;
- if ((JSCompiler_temp$jscomp$0 = nextInstance)) {
- c: {
- JSCompiler_temp$jscomp$0 = nextInstance;
- for (
- nextInstance = rootOrSingletonContext;
- 8 !== JSCompiler_temp$jscomp$0.nodeType;
-
- ) {
- if (!nextInstance) {
- nextInstance = null;
- break c;
- }
- JSCompiler_temp$jscomp$0 = getNextHydratable(
- JSCompiler_temp$jscomp$0.nextSibling
- );
- if (null === JSCompiler_temp$jscomp$0) {
- nextInstance = null;
- break c;
- }
+ if ((current = nextHydratableInstance)) {
+ a: {
+ renderLanes = current;
+ for (current = rootOrSingletonContext; 8 !== renderLanes.nodeType; ) {
+ if (!current) {
+ current = null;
+ break a;
+ }
+ renderLanes = getNextHydratable(renderLanes.nextSibling);
+ if (null === renderLanes) {
+ current = null;
+ break a;
}
- nextInstance = JSCompiler_temp$jscomp$0;
}
- null !== nextInstance
- ? ((workInProgress.memoizedState = {
- dehydrated: nextInstance,
- treeContext:
- null !== treeContextProvider
- ? { id: treeContextId, overflow: treeContextOverflow }
- : null,
- retryLane: 536870912,
- hydrationErrors: null
- }),
- (JSCompiler_temp$jscomp$0 = createFiberImplClass(
- 18,
- null,
- null,
- 0
- )),
- (JSCompiler_temp$jscomp$0.stateNode = nextInstance),
- (JSCompiler_temp$jscomp$0.return = workInProgress),
- (workInProgress.child = JSCompiler_temp$jscomp$0),
- (hydrationParentFiber = workInProgress),
- (nextHydratableInstance = null),
- (JSCompiler_temp$jscomp$0 = !0))
- : (JSCompiler_temp$jscomp$0 = !1);
+ current = renderLanes;
}
- JSCompiler_temp$jscomp$0 || throwOnHydrationMismatch(workInProgress);
- }
- nextInstance = workInProgress.memoizedState;
- if (
- null !== nextInstance &&
- ((nextInstance = nextInstance.dehydrated), null !== nextInstance)
- )
- return (
- isSuspenseInstanceFallback(nextInstance)
- ? (workInProgress.lanes = 32)
- : (workInProgress.lanes = 536870912),
- null
- );
- popSuspenseHandler(workInProgress);
+ null !== current &&
+ ((workInProgress.memoizedState = {
+ dehydrated: current,
+ treeContext:
+ null !== treeContextProvider
+ ? { id: treeContextId, overflow: treeContextOverflow }
+ : null,
+ retryLane: 536870912,
+ hydrationErrors: null
+ }),
+ (renderLanes = createFiberImplClass(18, null, null, 0)),
+ (renderLanes.stateNode = current),
+ (renderLanes.return = workInProgress),
+ (workInProgress.child = renderLanes),
+ (hydrationParentFiber = workInProgress),
+ (nextHydratableInstance = null));
+ } else current = null;
+ if (null === current) throw throwOnHydrationMismatch(workInProgress);
+ isSuspenseInstanceFallback(current)
+ ? (workInProgress.lanes = 32)
+ : (workInProgress.lanes = 536870912);
+ return null;
}
- nextInstance = nextProps.children;
- JSCompiler_temp$jscomp$0 = nextProps.fallback;
+ var nextPrimaryChildren = nextProps.children,
+ nextFallbackChildren = nextProps.fallback;
if (showFallback)
return (
reuseSuspenseHandlerOnStack(workInProgress),
(nextProps = mountSuspenseFallbackChildren(
workInProgress,
- nextInstance,
- JSCompiler_temp$jscomp$0,
+ nextPrimaryChildren,
+ nextFallbackChildren,
renderLanes
)),
- (showFallback = workInProgress.child),
- (showFallback.memoizedState = mountSuspenseOffscreenState(renderLanes)),
- (showFallback.childLanes = getRemainingWorkInPrimaryTree(
+ (nextPrimaryChildren = workInProgress.child),
+ (nextPrimaryChildren.memoizedState =
+ mountSuspenseOffscreenState(renderLanes)),
+ (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree(
current,
JSCompiler_temp,
renderLanes
@@ -7101,13 +7077,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
reuseSuspenseHandlerOnStack(workInProgress),
(nextProps = mountSuspenseFallbackChildren(
workInProgress,
- nextInstance,
- JSCompiler_temp$jscomp$0,
+ nextPrimaryChildren,
+ nextFallbackChildren,
renderLanes
)),
- (showFallback = workInProgress.child),
- (showFallback.memoizedState = mountSuspenseOffscreenState(renderLanes)),
- (showFallback.childLanes = getRemainingWorkInPrimaryTree(
+ (nextPrimaryChildren = workInProgress.child),
+ (nextPrimaryChildren.memoizedState =
+ mountSuspenseOffscreenState(renderLanes)),
+ (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree(
current,
JSCompiler_temp,
renderLanes
@@ -7117,13 +7094,13 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
nextProps
);
pushPrimaryTreeSuspenseHandler(workInProgress);
- return mountSuspensePrimaryChildren(workInProgress, nextInstance);
+ return mountSuspensePrimaryChildren(workInProgress, nextPrimaryChildren);
}
- JSCompiler_temp$jscomp$0 = current.memoizedState;
+ nextFallbackChildren = current.memoizedState;
if (
- null !== JSCompiler_temp$jscomp$0 &&
- ((nextInstance = JSCompiler_temp$jscomp$0.dehydrated),
- null !== nextInstance)
+ null !== nextFallbackChildren &&
+ ((nextPrimaryChildren = nextFallbackChildren.dehydrated),
+ null !== nextPrimaryChildren)
) {
if (didSuspend)
workInProgress.flags & 256
@@ -7140,22 +7117,22 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
(workInProgress.flags |= 128),
(workInProgress = null))
: (reuseSuspenseHandlerOnStack(workInProgress),
- (showFallback = nextProps.fallback),
- (nextInstance = workInProgress.mode),
+ (nextPrimaryChildren = nextProps.fallback),
+ (nextFallbackChildren = workInProgress.mode),
(nextProps = mountWorkInProgressOffscreenFiber(
{ mode: "visible", children: nextProps.children },
- nextInstance
+ nextFallbackChildren
)),
- (showFallback = createFiberFromFragment(
- showFallback,
- nextInstance,
+ (nextPrimaryChildren = createFiberFromFragment(
+ nextPrimaryChildren,
+ nextFallbackChildren,
renderLanes,
null
)),
- (showFallback.flags |= 2),
+ (nextPrimaryChildren.flags |= 2),
(nextProps.return = workInProgress),
- (showFallback.return = workInProgress),
- (nextProps.sibling = showFallback),
+ (nextPrimaryChildren.return = workInProgress),
+ (nextProps.sibling = nextPrimaryChildren),
(workInProgress.child = nextProps),
reconcileChildFibers(
workInProgress,
@@ -7172,13 +7149,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
- (workInProgress = showFallback));
+ (workInProgress = nextPrimaryChildren));
else if (
(pushPrimaryTreeSuspenseHandler(workInProgress),
- isSuspenseInstanceFallback(nextInstance))
+ isSuspenseInstanceFallback(nextPrimaryChildren))
) {
JSCompiler_temp =
- nextInstance.nextSibling && nextInstance.nextSibling.dataset;
+ nextPrimaryChildren.nextSibling &&
+ nextPrimaryChildren.nextSibling.dataset;
if (JSCompiler_temp) var digest = JSCompiler_temp.dgst;
JSCompiler_temp = digest;
"POSTPONE" !== JSCompiler_temp &&
@@ -7209,28 +7187,28 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
0 !== (nextProps & (JSCompiler_temp.suspendedLanes | renderLanes))
? 0
: nextProps),
- 0 !== nextProps && nextProps !== JSCompiler_temp$jscomp$0.retryLane)
+ 0 !== nextProps && nextProps !== nextFallbackChildren.retryLane)
)
throw (
- ((JSCompiler_temp$jscomp$0.retryLane = nextProps),
+ ((nextFallbackChildren.retryLane = nextProps),
enqueueConcurrentRenderForLane(current, nextProps),
scheduleUpdateOnFiber(JSCompiler_temp, current, nextProps),
SelectiveHydrationException)
);
- "$?" === nextInstance.data || renderDidSuspendDelayIfPossible();
+ "$?" === nextPrimaryChildren.data || renderDidSuspendDelayIfPossible();
workInProgress = retrySuspenseComponentWithoutHydrating(
current,
workInProgress,
renderLanes
);
} else
- "$?" === nextInstance.data
+ "$?" === nextPrimaryChildren.data
? ((workInProgress.flags |= 192),
(workInProgress.child = current.child),
(workInProgress = null))
- : ((current = JSCompiler_temp$jscomp$0.treeContext),
+ : ((current = nextFallbackChildren.treeContext),
(nextHydratableInstance = getNextHydratable(
- nextInstance.nextSibling
+ nextPrimaryChildren.nextSibling
)),
(hydrationParentFiber = workInProgress),
(isHydrating = !0),
@@ -7253,48 +7231,50 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
if (showFallback)
return (
reuseSuspenseHandlerOnStack(workInProgress),
- (showFallback = nextProps.fallback),
- (nextInstance = workInProgress.mode),
- (JSCompiler_temp$jscomp$0 = current.child),
- (digest = JSCompiler_temp$jscomp$0.sibling),
- (nextProps = createWorkInProgress(JSCompiler_temp$jscomp$0, {
+ (nextPrimaryChildren = nextProps.fallback),
+ (nextFallbackChildren = workInProgress.mode),
+ (showFallback = current.child),
+ (digest = showFallback.sibling),
+ (nextProps = createWorkInProgress(showFallback, {
mode: "hidden",
children: nextProps.children
})),
- (nextProps.subtreeFlags =
- JSCompiler_temp$jscomp$0.subtreeFlags & 65011712),
+ (nextProps.subtreeFlags = showFallback.subtreeFlags & 65011712),
null !== digest
- ? (showFallback = createWorkInProgress(digest, showFallback))
- : ((showFallback = createFiberFromFragment(
- showFallback,
- nextInstance,
+ ? (nextPrimaryChildren = createWorkInProgress(
+ digest,
+ nextPrimaryChildren
+ ))
+ : ((nextPrimaryChildren = createFiberFromFragment(
+ nextPrimaryChildren,
+ nextFallbackChildren,
renderLanes,
null
)),
- (showFallback.flags |= 2)),
- (showFallback.return = workInProgress),
+ (nextPrimaryChildren.flags |= 2)),
+ (nextPrimaryChildren.return = workInProgress),
(nextProps.return = workInProgress),
- (nextProps.sibling = showFallback),
+ (nextProps.sibling = nextPrimaryChildren),
(workInProgress.child = nextProps),
- (nextProps = showFallback),
- (showFallback = workInProgress.child),
- (nextInstance = current.child.memoizedState),
- null === nextInstance
- ? (nextInstance = mountSuspenseOffscreenState(renderLanes))
- : ((JSCompiler_temp$jscomp$0 = nextInstance.cachePool),
- null !== JSCompiler_temp$jscomp$0
+ (nextProps = nextPrimaryChildren),
+ (nextPrimaryChildren = workInProgress.child),
+ (nextFallbackChildren = current.child.memoizedState),
+ null === nextFallbackChildren
+ ? (nextFallbackChildren = mountSuspenseOffscreenState(renderLanes))
+ : ((showFallback = nextFallbackChildren.cachePool),
+ null !== showFallback
? ((digest = CacheContext._currentValue),
- (JSCompiler_temp$jscomp$0 =
- JSCompiler_temp$jscomp$0.parent !== digest
+ (showFallback =
+ showFallback.parent !== digest
? { parent: digest, pool: digest }
- : JSCompiler_temp$jscomp$0))
- : (JSCompiler_temp$jscomp$0 = getSuspendedCache()),
- (nextInstance = {
- baseLanes: nextInstance.baseLanes | renderLanes,
- cachePool: JSCompiler_temp$jscomp$0
+ : showFallback))
+ : (showFallback = getSuspendedCache()),
+ (nextFallbackChildren = {
+ baseLanes: nextFallbackChildren.baseLanes | renderLanes,
+ cachePool: showFallback
})),
- (showFallback.memoizedState = nextInstance),
- (showFallback.childLanes = getRemainingWorkInPrimaryTree(
+ (nextPrimaryChildren.memoizedState = nextFallbackChildren),
+ (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree(
current,
JSCompiler_temp,
renderLanes
@@ -9419,6 +9399,7 @@ function commitNestedViewTransitions(changedParent) {
var props = changedParent.memoizedProps,
name = getViewTransitionName(props, changedParent.stateNode);
props = getViewTransitionClassName(props.default, props.update);
+ changedParent.flags &= -5;
"none" !== props &&
applyViewTransitionToHostInstances(
changedParent.child,
@@ -11776,6 +11757,7 @@ function recursivelyInsertClonesFromExistingTree(
nextPhase = pushMutationContext();
instance = parentFiber.stateNode;
instance.clones = null;
+ parentFiber.flags &= -5;
recursivelyInsertClonesFromExistingTree(
parentFiber,
hostParentClone,
@@ -13356,26 +13338,26 @@ function commitGestureOnRoot(root, finishedWork) {
}
var rotate = computedStyle.rotate;
if ("none" !== rotate && "" !== rotate) {
- var parts$261 = rotate.split(" ");
+ var parts$263 = rotate.split(" ");
transform =
- 1 === parts$261.length
- ? "rotate(" + parts$261[0] + ") " + transform
- : 2 === parts$261.length
+ 1 === parts$263.length
+ ? "rotate(" + parts$263[0] + ") " + transform
+ : 2 === parts$263.length
? "rotate" +
- parts$261[0].toUpperCase() +
+ parts$263[0].toUpperCase() +
"(" +
- parts$261[1] +
+ parts$263[1] +
") " +
transform
- : "rotate3d(" + parts$261.join(", ") + ") " + transform;
+ : "rotate3d(" + parts$263.join(", ") + ") " + transform;
}
var translate = computedStyle.translate;
if ("none" !== translate && "" !== translate) {
- var parts$262 = translate.split(" ");
+ var parts$264 = translate.split(" ");
transform =
- (3 === parts$262.length ? "translate3d" : "translate") +
+ (3 === parts$264.length ? "translate3d" : "translate") +
"(" +
- parts$262.join(", ") +
+ parts$264.join(", ") +
") " +
transform;
}
@@ -13996,20 +13978,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) {
(nativeEventTarget[internalScrollTimer] = targetInst));
}
for (
- var i$jscomp$inline_1691 = 0;
- i$jscomp$inline_1691 < simpleEventPluginEvents.length;
- i$jscomp$inline_1691++
+ var i$jscomp$inline_1695 = 0;
+ i$jscomp$inline_1695 < simpleEventPluginEvents.length;
+ i$jscomp$inline_1695++
) {
- var eventName$jscomp$inline_1692 =
- simpleEventPluginEvents[i$jscomp$inline_1691],
- domEventName$jscomp$inline_1693 =
- eventName$jscomp$inline_1692.toLowerCase(),
- capitalizedEvent$jscomp$inline_1694 =
- eventName$jscomp$inline_1692[0].toUpperCase() +
- eventName$jscomp$inline_1692.slice(1);
+ var eventName$jscomp$inline_1696 =
+ simpleEventPluginEvents[i$jscomp$inline_1695],
+ domEventName$jscomp$inline_1697 =
+ eventName$jscomp$inline_1696.toLowerCase(),
+ capitalizedEvent$jscomp$inline_1698 =
+ eventName$jscomp$inline_1696[0].toUpperCase() +
+ eventName$jscomp$inline_1696.slice(1);
registerSimpleEvent(
- domEventName$jscomp$inline_1693,
- "on" + capitalizedEvent$jscomp$inline_1694
+ domEventName$jscomp$inline_1697,
+ "on" + capitalizedEvent$jscomp$inline_1698
);
}
registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -15880,51 +15862,38 @@ function isSingletonScope(type) {
}
function clearSuspenseBoundary(parentInstance, suspenseInstance) {
var node = suspenseInstance,
- possiblePreambleContribution = 0,
depth = 0;
do {
var nextNode = node.nextSibling;
parentInstance.removeChild(node);
if (nextNode && 8 === nextNode.nodeType)
if (((node = nextNode.data), "/$" === node)) {
- if (
- 0 < possiblePreambleContribution &&
- 8 > possiblePreambleContribution
- ) {
- node = possiblePreambleContribution;
- var ownerDocument = parentInstance.ownerDocument;
- node & 1 && releaseSingletonInstance(ownerDocument.documentElement);
- node & 2 && releaseSingletonInstance(ownerDocument.body);
- if (node & 4)
- for (
- node = ownerDocument.head,
- releaseSingletonInstance(node),
- ownerDocument = node.firstChild;
- ownerDocument;
-
- ) {
- var nextNode$jscomp$0 = ownerDocument.nextSibling,
- nodeName = ownerDocument.nodeName;
- ownerDocument[internalHoistableMarker] ||
- "SCRIPT" === nodeName ||
- "STYLE" === nodeName ||
- ("LINK" === nodeName &&
- "stylesheet" === ownerDocument.rel.toLowerCase()) ||
- node.removeChild(ownerDocument);
- ownerDocument = nextNode$jscomp$0;
- }
- }
if (0 === depth) {
parentInstance.removeChild(nextNode);
retryIfBlockedOn(suspenseInstance);
return;
}
depth--;
+ } else if ("$" === node || "$?" === node || "$!" === node) depth++;
+ else if ("html" === node)
+ releaseSingletonInstance(parentInstance.ownerDocument.documentElement);
+ else if ("head" === node) {
+ node = parentInstance.ownerDocument.head;
+ releaseSingletonInstance(node);
+ for (var node$jscomp$0 = node.firstChild; node$jscomp$0; ) {
+ var nextNode$jscomp$0 = node$jscomp$0.nextSibling,
+ nodeName = node$jscomp$0.nodeName;
+ node$jscomp$0[internalHoistableMarker] ||
+ "SCRIPT" === nodeName ||
+ "STYLE" === nodeName ||
+ ("LINK" === nodeName &&
+ "stylesheet" === node$jscomp$0.rel.toLowerCase()) ||
+ node.removeChild(node$jscomp$0);
+ node$jscomp$0 = nextNode$jscomp$0;
+ }
} else
- "$" === node || "$?" === node || "$!" === node
- ? depth++
- : (possiblePreambleContribution = node.charCodeAt(0) - 48);
- else possiblePreambleContribution = 0;
+ "body" === node &&
+ releaseSingletonInstance(parentInstance.ownerDocument.body);
node = nextNode;
} while (node);
retryIfBlockedOn(suspenseInstance);
@@ -16336,20 +16305,20 @@ function startGestureTransition(
)))
: (isExitGroupAnim = !0);
}
- var timing$266 = pseudoElement.getTiming();
+ var timing$268 = pseudoElement.getTiming();
anim =
rangeEnd -
- (("number" === typeof timing$266.duration
- ? timing$266.duration
+ (("number" === typeof timing$268.duration
+ ? timing$268.duration
: 0) +
- timing$266.delay) *
+ timing$268.delay) *
longestDuration;
- groupName = rangeEnd - timing$266.delay * longestDuration;
+ groupName = rangeEnd - timing$268.delay * longestDuration;
if (
- "reverse" === timing$266.direction ||
- "alternate-reverse" === timing$266.direction
+ "reverse" === timing$268.direction ||
+ "alternate-reverse" === timing$268.direction
)
- (timing$266 = anim), (anim = groupName), (groupName = timing$266);
+ (timing$268 = anim), (anim = groupName), (groupName = timing$268);
animateGesture(
pseudoElement.getKeyframes(),
pseudoElement.target,
@@ -17162,26 +17131,26 @@ function getResource(type, currentProps, pendingProps, currentResource) {
"string" === typeof pendingProps.precedence
) {
type = getStyleKey(pendingProps.href);
- var styles$271 = getResourcesFromRoot(
+ var styles$273 = getResourcesFromRoot(
JSCompiler_inline_result
).hoistableStyles,
- resource$272 = styles$271.get(type);
- resource$272 ||
+ resource$274 = styles$273.get(type);
+ resource$274 ||
((JSCompiler_inline_result =
JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result),
- (resource$272 = {
+ (resource$274 = {
type: "stylesheet",
instance: null,
count: 0,
state: { loading: 0, preload: null }
}),
- styles$271.set(type, resource$272),
- (styles$271 = JSCompiler_inline_result.querySelector(
+ styles$273.set(type, resource$274),
+ (styles$273 = JSCompiler_inline_result.querySelector(
getStylesheetSelectorFromKey(type)
)) &&
- !styles$271._p &&
- ((resource$272.instance = styles$271),
- (resource$272.state.loading = 5)),
+ !styles$273._p &&
+ ((resource$274.instance = styles$273),
+ (resource$274.state.loading = 5)),
preloadPropsMap.has(type) ||
((pendingProps = {
rel: "preload",
@@ -17194,16 +17163,16 @@ function getResource(type, currentProps, pendingProps, currentResource) {
referrerPolicy: pendingProps.referrerPolicy
}),
preloadPropsMap.set(type, pendingProps),
- styles$271 ||
+ styles$273 ||
preloadStylesheet(
JSCompiler_inline_result,
type,
pendingProps,
- resource$272.state
+ resource$274.state
)));
if (currentProps && null === currentResource)
throw Error(formatProdErrorMessage(528, ""));
- return resource$272;
+ return resource$274;
}
if (currentProps && null !== currentResource)
throw Error(formatProdErrorMessage(529, ""));
@@ -17300,37 +17269,37 @@ function acquireResource(hoistableRoot, resource, props) {
return (resource.instance = instance);
case "stylesheet":
styleProps = getStyleKey(props.href);
- var instance$277 = hoistableRoot.querySelector(
+ var instance$279 = hoistableRoot.querySelector(
getStylesheetSelectorFromKey(styleProps)
);
- if (instance$277)
+ if (instance$279)
return (
(resource.state.loading |= 4),
- (resource.instance = instance$277),
- markNodeAsHoistable(instance$277),
- instance$277
+ (resource.instance = instance$279),
+ markNodeAsHoistable(instance$279),
+ instance$279
);
instance = stylesheetPropsFromRawProps(props);
(styleProps = preloadPropsMap.get(styleProps)) &&
adoptPreloadPropsForStylesheet(instance, styleProps);
- instance$277 = (
+ instance$279 = (
hoistableRoot.ownerDocument || hoistableRoot
).createElement("link");
- markNodeAsHoistable(instance$277);
- var linkInstance = instance$277;
+ markNodeAsHoistable(instance$279);
+ var linkInstance = instance$279;
linkInstance._p = new Promise(function (resolve, reject) {
linkInstance.onload = resolve;
linkInstance.onerror = reject;
});
- setInitialProperties(instance$277, "link", instance);
+ setInitialProperties(instance$279, "link", instance);
resource.state.loading |= 4;
- insertStylesheet(instance$277, props.precedence, hoistableRoot);
- return (resource.instance = instance$277);
+ insertStylesheet(instance$279, props.precedence, hoistableRoot);
+ return (resource.instance = instance$279);
case "script":
- instance$277 = getScriptKey(props.src);
+ instance$279 = getScriptKey(props.src);
if (
(styleProps = hoistableRoot.querySelector(
- getScriptSelectorFromKey(instance$277)
+ getScriptSelectorFromKey(instance$279)
))
)
return (
@@ -17339,7 +17308,7 @@ function acquireResource(hoistableRoot, resource, props) {
styleProps
);
instance = props;
- if ((styleProps = preloadPropsMap.get(instance$277)))
+ if ((styleProps = preloadPropsMap.get(instance$279)))
(instance = assign({}, props)),
adoptPreloadPropsForScript(instance, styleProps);
hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -18386,16 +18355,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
0 === i && attemptExplicitHydrationTarget(target);
}
};
-var isomorphicReactPackageVersion$jscomp$inline_2008 = React.version;
+var isomorphicReactPackageVersion$jscomp$inline_2012 = React.version;
if (
- "19.2.0-experimental-c44e4a25-20250409" !==
- isomorphicReactPackageVersion$jscomp$inline_2008
+ "19.2.0-experimental-1d6c8168-20250411" !==
+ isomorphicReactPackageVersion$jscomp$inline_2012
)
throw Error(
formatProdErrorMessage(
527,
- isomorphicReactPackageVersion$jscomp$inline_2008,
- "19.2.0-experimental-c44e4a25-20250409"
+ isomorphicReactPackageVersion$jscomp$inline_2012,
+ "19.2.0-experimental-1d6c8168-20250411"
)
);
ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -18415,24 +18384,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
null === componentOrElement ? null : componentOrElement.stateNode;
return componentOrElement;
};
-var internals$jscomp$inline_2622 = {
+var internals$jscomp$inline_2626 = {
bundleType: 0,
- version: "19.2.0-experimental-c44e4a25-20250409",
+ version: "19.2.0-experimental-1d6c8168-20250411",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
- reconcilerVersion: "19.2.0-experimental-c44e4a25-20250409"
+ reconcilerVersion: "19.2.0-experimental-1d6c8168-20250411"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
- var hook$jscomp$inline_2623 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+ var hook$jscomp$inline_2627 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
if (
- !hook$jscomp$inline_2623.isDisabled &&
- hook$jscomp$inline_2623.supportsFiber
+ !hook$jscomp$inline_2627.isDisabled &&
+ hook$jscomp$inline_2627.supportsFiber
)
try {
- (rendererID = hook$jscomp$inline_2623.inject(
- internals$jscomp$inline_2622
+ (rendererID = hook$jscomp$inline_2627.inject(
+ internals$jscomp$inline_2626
)),
- (injectedHook = hook$jscomp$inline_2623);
+ (injectedHook = hook$jscomp$inline_2627);
} catch (err) {}
}
exports.createRoot = function (container, options) {
@@ -18524,4 +18493,4 @@ exports.hydrateRoot = function (container, initialChildren, options) {
listenToAllSupportedEvents(container);
return new ReactDOMHydrationRoot(initialChildren);
};
-exports.version = "19.2.0-experimental-c44e4a25-20250409";
+exports.version = "19.2.0-experimental-1d6c8168-20250411";
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 bd56477688f06..2c3df4b618fa6 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
@@ -10225,101 +10225,92 @@
var JSCompiler_object_inline_componentStack_2909;
var JSCompiler_object_inline_stack_2908 = workInProgress.pendingProps;
shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128);
- var JSCompiler_object_inline_message_2906 = !1;
- var didSuspend = 0 !== (workInProgress.flags & 128);
+ var showFallback = !1,
+ didSuspend = 0 !== (workInProgress.flags & 128);
(JSCompiler_object_inline_componentStack_2909 = didSuspend) ||
(JSCompiler_object_inline_componentStack_2909 =
null !== current && null === current.memoizedState
? !1
: 0 !== (suspenseStackCursor.current & ForceSuspenseFallback));
JSCompiler_object_inline_componentStack_2909 &&
- ((JSCompiler_object_inline_message_2906 = !0),
- (workInProgress.flags &= -129));
+ ((showFallback = !0), (workInProgress.flags &= -129));
JSCompiler_object_inline_componentStack_2909 =
0 !== (workInProgress.flags & 32);
workInProgress.flags &= -33;
if (null === current) {
if (isHydrating) {
- JSCompiler_object_inline_message_2906
+ showFallback
? pushPrimaryTreeSuspenseHandler(workInProgress)
: reuseSuspenseHandlerOnStack(workInProgress);
- if (isHydrating) {
- var JSCompiler_object_inline_digest_2907 = nextHydratableInstance;
- var JSCompiler_temp;
- if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2907)) {
- c: {
- var instance = JSCompiler_object_inline_digest_2907;
- for (
- JSCompiler_temp = rootOrSingletonContext;
- 8 !== instance.nodeType;
+ if ((current = nextHydratableInstance)) {
+ a: {
+ JSCompiler_object_inline_componentStack_2909 = current;
+ for (
+ renderLanes = rootOrSingletonContext;
+ 8 !== JSCompiler_object_inline_componentStack_2909.nodeType;
- ) {
- if (!JSCompiler_temp) {
- JSCompiler_temp = null;
- break c;
- }
- instance = getNextHydratable(instance.nextSibling);
- if (null === instance) {
- JSCompiler_temp = null;
- break c;
- }
+ ) {
+ if (!renderLanes) {
+ renderLanes = null;
+ break a;
+ }
+ JSCompiler_object_inline_componentStack_2909 =
+ getNextHydratable(
+ JSCompiler_object_inline_componentStack_2909.nextSibling
+ );
+ if (null === JSCompiler_object_inline_componentStack_2909) {
+ renderLanes = null;
+ break a;
}
- JSCompiler_temp = instance;
}
- null !== JSCompiler_temp
- ? (warnIfNotHydrating(),
- (workInProgress.memoizedState = {
- dehydrated: JSCompiler_temp,
- treeContext:
- null !== treeContextProvider
- ? { id: treeContextId, overflow: treeContextOverflow }
- : null,
- retryLane: 536870912,
- hydrationErrors: null
- }),
- (instance = createFiber(18, null, null, NoMode)),
- (instance.stateNode = JSCompiler_temp),
- (instance.return = workInProgress),
- (workInProgress.child = instance),
- (hydrationParentFiber = workInProgress),
- (nextHydratableInstance = null),
- (JSCompiler_temp = !0))
- : (JSCompiler_temp = !1);
- JSCompiler_temp = !JSCompiler_temp;
+ renderLanes = JSCompiler_object_inline_componentStack_2909;
}
- JSCompiler_temp &&
- (warnNonHydratedInstance(
- workInProgress,
- JSCompiler_object_inline_digest_2907
- ),
- throwOnHydrationMismatch(workInProgress));
- }
- JSCompiler_object_inline_digest_2907 = workInProgress.memoizedState;
- if (
- null !== JSCompiler_object_inline_digest_2907 &&
- ((JSCompiler_object_inline_digest_2907 =
- JSCompiler_object_inline_digest_2907.dehydrated),
- null !== JSCompiler_object_inline_digest_2907)
- )
- return (
- isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2907)
- ? (workInProgress.lanes = 32)
- : (workInProgress.lanes = 536870912),
- null
+ null !== renderLanes &&
+ (warnIfNotHydrating(),
+ (workInProgress.memoizedState = {
+ dehydrated: renderLanes,
+ treeContext:
+ null !== treeContextProvider
+ ? { id: treeContextId, overflow: treeContextOverflow }
+ : null,
+ retryLane: 536870912,
+ hydrationErrors: null
+ }),
+ (JSCompiler_object_inline_componentStack_2909 = renderLanes),
+ (JSCompiler_object_inline_stack_2908 = createFiber(
+ 18,
+ null,
+ null,
+ NoMode
+ )),
+ (JSCompiler_object_inline_stack_2908.stateNode =
+ JSCompiler_object_inline_componentStack_2909),
+ (JSCompiler_object_inline_stack_2908.return = workInProgress),
+ (workInProgress.child = JSCompiler_object_inline_stack_2908),
+ (hydrationParentFiber = workInProgress),
+ (nextHydratableInstance = null));
+ } else renderLanes = null;
+ if (null === renderLanes)
+ throw (
+ (warnNonHydratedInstance(workInProgress, current),
+ throwOnHydrationMismatch(workInProgress))
);
- popSuspenseHandler(workInProgress);
+ isSuspenseInstanceFallback(renderLanes)
+ ? (workInProgress.lanes = 32)
+ : (workInProgress.lanes = 536870912);
+ return null;
}
- JSCompiler_object_inline_digest_2907 =
+ var JSCompiler_object_inline_message_2906 =
JSCompiler_object_inline_stack_2908.children;
- JSCompiler_temp = JSCompiler_object_inline_stack_2908.fallback;
- if (JSCompiler_object_inline_message_2906)
+ var nextFallbackChildren = JSCompiler_object_inline_stack_2908.fallback;
+ if (showFallback)
return (
reuseSuspenseHandlerOnStack(workInProgress),
(JSCompiler_object_inline_stack_2908 =
mountSuspenseFallbackChildren(
workInProgress,
- JSCompiler_object_inline_digest_2907,
- JSCompiler_temp,
+ JSCompiler_object_inline_message_2906,
+ nextFallbackChildren,
renderLanes
)),
(JSCompiler_object_inline_message_2906 = workInProgress.child),
@@ -10343,8 +10334,8 @@
(JSCompiler_object_inline_stack_2908 =
mountSuspenseFallbackChildren(
workInProgress,
- JSCompiler_object_inline_digest_2907,
- JSCompiler_temp,
+ JSCompiler_object_inline_message_2906,
+ nextFallbackChildren,
renderLanes
)),
(JSCompiler_object_inline_message_2906 = workInProgress.child),
@@ -10363,14 +10354,15 @@
pushPrimaryTreeSuspenseHandler(workInProgress);
return mountSuspensePrimaryChildren(
workInProgress,
- JSCompiler_object_inline_digest_2907
+ JSCompiler_object_inline_message_2906
);
}
- var prevState = current.memoizedState;
+ var JSCompiler_object_inline_digest_2907 = current.memoizedState;
if (
- null !== prevState &&
- ((JSCompiler_object_inline_digest_2907 = prevState.dehydrated),
- null !== JSCompiler_object_inline_digest_2907)
+ null !== JSCompiler_object_inline_digest_2907 &&
+ ((JSCompiler_object_inline_message_2906 =
+ JSCompiler_object_inline_digest_2907.dehydrated),
+ null !== JSCompiler_object_inline_message_2906)
) {
if (didSuspend)
workInProgress.flags & 256
@@ -10389,19 +10381,19 @@
: (reuseSuspenseHandlerOnStack(workInProgress),
(JSCompiler_object_inline_message_2906 =
JSCompiler_object_inline_stack_2908.fallback),
- (JSCompiler_object_inline_digest_2907 = workInProgress.mode),
+ (nextFallbackChildren = workInProgress.mode),
(JSCompiler_object_inline_stack_2908 =
mountWorkInProgressOffscreenFiber(
{
mode: "visible",
children: JSCompiler_object_inline_stack_2908.children
},
- JSCompiler_object_inline_digest_2907
+ nextFallbackChildren
)),
(JSCompiler_object_inline_message_2906 =
createFiberFromFragment(
JSCompiler_object_inline_message_2906,
- JSCompiler_object_inline_digest_2907,
+ nextFallbackChildren,
renderLanes,
null
)),
@@ -10434,24 +10426,28 @@
console.error(
"We should not be hydrating here. This is a bug in React. Please file a bug."
),
- isSuspenseInstanceFallback(JSCompiler_object_inline_digest_2907))
+ isSuspenseInstanceFallback(JSCompiler_object_inline_message_2906))
) {
JSCompiler_object_inline_componentStack_2909 =
- JSCompiler_object_inline_digest_2907.nextSibling &&
- JSCompiler_object_inline_digest_2907.nextSibling.dataset;
+ JSCompiler_object_inline_message_2906.nextSibling &&
+ JSCompiler_object_inline_message_2906.nextSibling.dataset;
if (JSCompiler_object_inline_componentStack_2909) {
- JSCompiler_temp = JSCompiler_object_inline_componentStack_2909.dgst;
+ nextFallbackChildren =
+ JSCompiler_object_inline_componentStack_2909.dgst;
var message = JSCompiler_object_inline_componentStack_2909.msg;
- instance = JSCompiler_object_inline_componentStack_2909.stck;
var componentStack =
+ JSCompiler_object_inline_componentStack_2909.stck;
+ var componentStack$jscomp$0 =
JSCompiler_object_inline_componentStack_2909.cstck;
}
JSCompiler_object_inline_message_2906 = message;
- JSCompiler_object_inline_digest_2907 = JSCompiler_temp;
- JSCompiler_object_inline_stack_2908 = instance;
- JSCompiler_temp = JSCompiler_object_inline_componentStack_2909 =
- componentStack;
- "POSTPONE" !== JSCompiler_object_inline_digest_2907 &&
+ JSCompiler_object_inline_digest_2907 = nextFallbackChildren;
+ JSCompiler_object_inline_stack_2908 = componentStack;
+ JSCompiler_object_inline_componentStack_2909 =
+ componentStack$jscomp$0;
+ nextFallbackChildren = JSCompiler_object_inline_digest_2907;
+ componentStack = JSCompiler_object_inline_componentStack_2909;
+ "POSTPONE" !== nextFallbackChildren &&
((JSCompiler_object_inline_componentStack_2909 =
JSCompiler_object_inline_message_2906
? Error(JSCompiler_object_inline_message_2906)
@@ -10461,9 +10457,9 @@
(JSCompiler_object_inline_componentStack_2909.stack =
JSCompiler_object_inline_stack_2908 || ""),
(JSCompiler_object_inline_componentStack_2909.digest =
- JSCompiler_object_inline_digest_2907),
+ nextFallbackChildren),
(JSCompiler_object_inline_stack_2908 =
- void 0 === JSCompiler_temp ? null : JSCompiler_temp),
+ void 0 === componentStack ? null : componentStack),
(JSCompiler_object_inline_message_2906 = {
value: JSCompiler_object_inline_componentStack_2909,
source: null,
@@ -10510,10 +10506,12 @@
? 0
: JSCompiler_object_inline_stack_2908),
0 !== JSCompiler_object_inline_stack_2908 &&
- JSCompiler_object_inline_stack_2908 !== prevState.retryLane)
+ JSCompiler_object_inline_stack_2908 !==
+ JSCompiler_object_inline_digest_2907.retryLane)
)
throw (
- ((prevState.retryLane = JSCompiler_object_inline_stack_2908),
+ ((JSCompiler_object_inline_digest_2907.retryLane =
+ JSCompiler_object_inline_stack_2908),
enqueueConcurrentRenderForLane(
current,
JSCompiler_object_inline_stack_2908
@@ -10525,7 +10523,7 @@
),
SelectiveHydrationException)
);
- JSCompiler_object_inline_digest_2907.data ===
+ JSCompiler_object_inline_message_2906.data ===
SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible();
workInProgress = retrySuspenseComponentWithoutHydrating(
current,
@@ -10533,14 +10531,14 @@
renderLanes
);
} else
- JSCompiler_object_inline_digest_2907.data ===
+ JSCompiler_object_inline_message_2906.data ===
SUSPENSE_PENDING_START_DATA
? ((workInProgress.flags |= 192),
(workInProgress.child = current.child),
(workInProgress = null))
- : ((current = prevState.treeContext),
+ : ((current = JSCompiler_object_inline_digest_2907.treeContext),
(nextHydratableInstance = getNextHydratable(
- JSCompiler_object_inline_digest_2907.nextSibling
+ JSCompiler_object_inline_message_2906.nextSibling
)),
(hydrationParentFiber = workInProgress),
(isHydrating = !0),
@@ -10563,31 +10561,31 @@
(workInProgress.flags |= 4096));
return workInProgress;
}
- if (JSCompiler_object_inline_message_2906)
+ if (showFallback)
return (
reuseSuspenseHandlerOnStack(workInProgress),
(JSCompiler_object_inline_message_2906 =
JSCompiler_object_inline_stack_2908.fallback),
- (JSCompiler_object_inline_digest_2907 = workInProgress.mode),
- (JSCompiler_temp = current.child),
- (instance = JSCompiler_temp.sibling),
+ (nextFallbackChildren = workInProgress.mode),
+ (componentStack = current.child),
+ (componentStack$jscomp$0 = componentStack.sibling),
(JSCompiler_object_inline_stack_2908 = createWorkInProgress(
- JSCompiler_temp,
+ componentStack,
{
mode: "hidden",
children: JSCompiler_object_inline_stack_2908.children
}
)),
(JSCompiler_object_inline_stack_2908.subtreeFlags =
- JSCompiler_temp.subtreeFlags & 65011712),
- null !== instance
+ componentStack.subtreeFlags & 65011712),
+ null !== componentStack$jscomp$0
? (JSCompiler_object_inline_message_2906 = createWorkInProgress(
- instance,
+ componentStack$jscomp$0,
JSCompiler_object_inline_message_2906
))
: ((JSCompiler_object_inline_message_2906 = createFiberFromFragment(
JSCompiler_object_inline_message_2906,
- JSCompiler_object_inline_digest_2907,
+ nextFallbackChildren,
renderLanes,
null
)),
@@ -10600,26 +10598,26 @@
(JSCompiler_object_inline_stack_2908 =
JSCompiler_object_inline_message_2906),
(JSCompiler_object_inline_message_2906 = workInProgress.child),
- (JSCompiler_object_inline_digest_2907 = current.child.memoizedState),
- null === JSCompiler_object_inline_digest_2907
- ? (JSCompiler_object_inline_digest_2907 =
- mountSuspenseOffscreenState(renderLanes))
- : ((JSCompiler_temp =
- JSCompiler_object_inline_digest_2907.cachePool),
- null !== JSCompiler_temp
- ? ((instance = CacheContext._currentValue),
- (JSCompiler_temp =
- JSCompiler_temp.parent !== instance
- ? { parent: instance, pool: instance }
- : JSCompiler_temp))
- : (JSCompiler_temp = getSuspendedCache()),
- (JSCompiler_object_inline_digest_2907 = {
- baseLanes:
- JSCompiler_object_inline_digest_2907.baseLanes | renderLanes,
- cachePool: JSCompiler_temp
+ (nextFallbackChildren = current.child.memoizedState),
+ null === nextFallbackChildren
+ ? (nextFallbackChildren = mountSuspenseOffscreenState(renderLanes))
+ : ((componentStack = nextFallbackChildren.cachePool),
+ null !== componentStack
+ ? ((componentStack$jscomp$0 = CacheContext._currentValue),
+ (componentStack =
+ componentStack.parent !== componentStack$jscomp$0
+ ? {
+ parent: componentStack$jscomp$0,
+ pool: componentStack$jscomp$0
+ }
+ : componentStack))
+ : (componentStack = getSuspendedCache()),
+ (nextFallbackChildren = {
+ baseLanes: nextFallbackChildren.baseLanes | renderLanes,
+ cachePool: componentStack
})),
(JSCompiler_object_inline_message_2906.memoizedState =
- JSCompiler_object_inline_digest_2907),
+ nextFallbackChildren),
(JSCompiler_object_inline_message_2906.childLanes =
getRemainingWorkInPrimaryTree(
current,
@@ -13559,6 +13557,7 @@
var props = changedParent.memoizedProps,
name = getViewTransitionName(props, changedParent.stateNode);
props = getViewTransitionClassName(props.default, props.update);
+ changedParent.flags &= -5;
"none" !== props &&
applyViewTransitionToHostInstances(
changedParent.child,
@@ -16662,6 +16661,7 @@
_nextPhase = pushMutationContext();
instance = parentFiber.stateNode;
instance.clones = null;
+ parentFiber.flags &= -5;
recursivelyInsertClonesFromExistingTree(
parentFiber,
hostParentClone,
@@ -22958,55 +22958,45 @@
}
function clearSuspenseBoundary(parentInstance, suspenseInstance) {
var node = suspenseInstance,
- possiblePreambleContribution = 0,
depth = 0;
do {
var nextNode = node.nextSibling;
parentInstance.removeChild(node);
if (nextNode && 8 === nextNode.nodeType)
if (((node = nextNode.data), node === SUSPENSE_END_DATA)) {
- if (
- 0 < possiblePreambleContribution &&
- 8 > possiblePreambleContribution
- ) {
- node = possiblePreambleContribution;
- var ownerDocument = parentInstance.ownerDocument;
- node & PREAMBLE_CONTRIBUTION_HTML &&
- releaseSingletonInstance(ownerDocument.documentElement);
- node & PREAMBLE_CONTRIBUTION_BODY &&
- releaseSingletonInstance(ownerDocument.body);
- if (node & PREAMBLE_CONTRIBUTION_HEAD)
- for (
- node = ownerDocument.head,
- releaseSingletonInstance(node),
- ownerDocument = node.firstChild;
- ownerDocument;
-
- ) {
- var nextNode$jscomp$0 = ownerDocument.nextSibling,
- nodeName = ownerDocument.nodeName;
- ownerDocument[internalHoistableMarker] ||
- "SCRIPT" === nodeName ||
- "STYLE" === nodeName ||
- ("LINK" === nodeName &&
- "stylesheet" === ownerDocument.rel.toLowerCase()) ||
- node.removeChild(ownerDocument);
- ownerDocument = nextNode$jscomp$0;
- }
- }
if (0 === depth) {
parentInstance.removeChild(nextNode);
retryIfBlockedOn(suspenseInstance);
return;
}
depth--;
- } else
+ } else if (
node === SUSPENSE_START_DATA ||
node === SUSPENSE_PENDING_START_DATA ||
node === SUSPENSE_FALLBACK_START_DATA
- ? depth++
- : (possiblePreambleContribution = node.charCodeAt(0) - 48);
- else possiblePreambleContribution = 0;
+ )
+ depth++;
+ else if (node === PREAMBLE_CONTRIBUTION_HTML)
+ releaseSingletonInstance(
+ parentInstance.ownerDocument.documentElement
+ );
+ else if (node === PREAMBLE_CONTRIBUTION_HEAD) {
+ node = parentInstance.ownerDocument.head;
+ releaseSingletonInstance(node);
+ for (var node$jscomp$0 = node.firstChild; node$jscomp$0; ) {
+ var nextNode$jscomp$0 = node$jscomp$0.nextSibling,
+ nodeName = node$jscomp$0.nodeName;
+ node$jscomp$0[internalHoistableMarker] ||
+ "SCRIPT" === nodeName ||
+ "STYLE" === nodeName ||
+ ("LINK" === nodeName &&
+ "stylesheet" === node$jscomp$0.rel.toLowerCase()) ||
+ node.removeChild(node$jscomp$0);
+ node$jscomp$0 = nextNode$jscomp$0;
+ }
+ } else
+ node === PREAMBLE_CONTRIBUTION_BODY &&
+ releaseSingletonInstance(parentInstance.ownerDocument.body);
node = nextNode;
} while (node);
retryIfBlockedOn(suspenseInstance);
@@ -28864,9 +28854,9 @@
SUSPENSE_END_DATA = "/$",
SUSPENSE_PENDING_START_DATA = "$?",
SUSPENSE_FALLBACK_START_DATA = "$!",
- PREAMBLE_CONTRIBUTION_HTML = 1,
- PREAMBLE_CONTRIBUTION_BODY = 2,
- PREAMBLE_CONTRIBUTION_HEAD = 4,
+ PREAMBLE_CONTRIBUTION_HTML = "html",
+ PREAMBLE_CONTRIBUTION_BODY = "body",
+ PREAMBLE_CONTRIBUTION_HEAD = "head",
FORM_STATE_IS_MATCHING = "F!",
FORM_STATE_IS_NOT_MATCHING = "F",
DOCUMENT_READY_STATE_COMPLETE = "complete",
@@ -29488,11 +29478,11 @@
};
(function () {
var isomorphicReactPackageVersion = React.version;
- if ("19.2.0-experimental-c44e4a25-20250409" !== isomorphicReactPackageVersion)
+ if ("19.2.0-experimental-1d6c8168-20250411" !== 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.2.0-experimental-c44e4a25-20250409\nLearn more: https://react.dev/warnings/version-mismatch")
+ "\n - react-dom: 19.2.0-experimental-1d6c8168-20250411\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -29529,10 +29519,10 @@
!(function () {
var internals = {
bundleType: 1,
- version: "19.2.0-experimental-c44e4a25-20250409",
+ version: "19.2.0-experimental-1d6c8168-20250411",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
- reconcilerVersion: "19.2.0-experimental-c44e4a25-20250409"
+ reconcilerVersion: "19.2.0-experimental-1d6c8168-20250411"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -30004,7 +29994,7 @@
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
- exports.version = "19.2.0-experimental-c44e4a25-20250409";
+ exports.version = "19.2.0-experimental-1d6c8168-20250411";
"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 0f4da5bbde32e..0dc7bbb3fa738 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
@@ -7514,84 +7514,60 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
showFallback
? pushPrimaryTreeSuspenseHandler(workInProgress)
: reuseSuspenseHandlerOnStack(workInProgress);
- if (isHydrating) {
- var nextInstance = nextHydratableInstance,
- JSCompiler_temp$jscomp$0;
- if ((JSCompiler_temp$jscomp$0 = nextInstance)) {
- c: {
- JSCompiler_temp$jscomp$0 = nextInstance;
- for (
- nextInstance = rootOrSingletonContext;
- 8 !== JSCompiler_temp$jscomp$0.nodeType;
-
- ) {
- if (!nextInstance) {
- nextInstance = null;
- break c;
- }
- JSCompiler_temp$jscomp$0 = getNextHydratable(
- JSCompiler_temp$jscomp$0.nextSibling
- );
- if (null === JSCompiler_temp$jscomp$0) {
- nextInstance = null;
- break c;
- }
+ if ((current = nextHydratableInstance)) {
+ a: {
+ renderLanes = current;
+ for (current = rootOrSingletonContext; 8 !== renderLanes.nodeType; ) {
+ if (!current) {
+ current = null;
+ break a;
+ }
+ renderLanes = getNextHydratable(renderLanes.nextSibling);
+ if (null === renderLanes) {
+ current = null;
+ break a;
}
- nextInstance = JSCompiler_temp$jscomp$0;
}
- null !== nextInstance
- ? ((workInProgress.memoizedState = {
- dehydrated: nextInstance,
- treeContext:
- null !== treeContextProvider
- ? { id: treeContextId, overflow: treeContextOverflow }
- : null,
- retryLane: 536870912,
- hydrationErrors: null
- }),
- (JSCompiler_temp$jscomp$0 = createFiberImplClass(
- 18,
- null,
- null,
- 0
- )),
- (JSCompiler_temp$jscomp$0.stateNode = nextInstance),
- (JSCompiler_temp$jscomp$0.return = workInProgress),
- (workInProgress.child = JSCompiler_temp$jscomp$0),
- (hydrationParentFiber = workInProgress),
- (nextHydratableInstance = null),
- (JSCompiler_temp$jscomp$0 = !0))
- : (JSCompiler_temp$jscomp$0 = !1);
+ current = renderLanes;
}
- JSCompiler_temp$jscomp$0 || throwOnHydrationMismatch(workInProgress);
- }
- nextInstance = workInProgress.memoizedState;
- if (
- null !== nextInstance &&
- ((nextInstance = nextInstance.dehydrated), null !== nextInstance)
- )
- return (
- isSuspenseInstanceFallback(nextInstance)
- ? (workInProgress.lanes = 32)
- : (workInProgress.lanes = 536870912),
- null
- );
- popSuspenseHandler(workInProgress);
+ null !== current &&
+ ((workInProgress.memoizedState = {
+ dehydrated: current,
+ treeContext:
+ null !== treeContextProvider
+ ? { id: treeContextId, overflow: treeContextOverflow }
+ : null,
+ retryLane: 536870912,
+ hydrationErrors: null
+ }),
+ (renderLanes = createFiberImplClass(18, null, null, 0)),
+ (renderLanes.stateNode = current),
+ (renderLanes.return = workInProgress),
+ (workInProgress.child = renderLanes),
+ (hydrationParentFiber = workInProgress),
+ (nextHydratableInstance = null));
+ } else current = null;
+ if (null === current) throw throwOnHydrationMismatch(workInProgress);
+ isSuspenseInstanceFallback(current)
+ ? (workInProgress.lanes = 32)
+ : (workInProgress.lanes = 536870912);
+ return null;
}
- nextInstance = nextProps.children;
- JSCompiler_temp$jscomp$0 = nextProps.fallback;
+ var nextPrimaryChildren = nextProps.children,
+ nextFallbackChildren = nextProps.fallback;
if (showFallback)
return (
reuseSuspenseHandlerOnStack(workInProgress),
(nextProps = mountSuspenseFallbackChildren(
workInProgress,
- nextInstance,
- JSCompiler_temp$jscomp$0,
+ nextPrimaryChildren,
+ nextFallbackChildren,
renderLanes
)),
- (showFallback = workInProgress.child),
- (showFallback.memoizedState = mountSuspenseOffscreenState(renderLanes)),
- (showFallback.childLanes = getRemainingWorkInPrimaryTree(
+ (nextPrimaryChildren = workInProgress.child),
+ (nextPrimaryChildren.memoizedState =
+ mountSuspenseOffscreenState(renderLanes)),
+ (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree(
current,
JSCompiler_temp,
renderLanes
@@ -7604,13 +7580,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
reuseSuspenseHandlerOnStack(workInProgress),
(nextProps = mountSuspenseFallbackChildren(
workInProgress,
- nextInstance,
- JSCompiler_temp$jscomp$0,
+ nextPrimaryChildren,
+ nextFallbackChildren,
renderLanes
)),
- (showFallback = workInProgress.child),
- (showFallback.memoizedState = mountSuspenseOffscreenState(renderLanes)),
- (showFallback.childLanes = getRemainingWorkInPrimaryTree(
+ (nextPrimaryChildren = workInProgress.child),
+ (nextPrimaryChildren.memoizedState =
+ mountSuspenseOffscreenState(renderLanes)),
+ (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree(
current,
JSCompiler_temp,
renderLanes
@@ -7620,13 +7597,13 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
nextProps
);
pushPrimaryTreeSuspenseHandler(workInProgress);
- return mountSuspensePrimaryChildren(workInProgress, nextInstance);
+ return mountSuspensePrimaryChildren(workInProgress, nextPrimaryChildren);
}
- JSCompiler_temp$jscomp$0 = current.memoizedState;
+ nextFallbackChildren = current.memoizedState;
if (
- null !== JSCompiler_temp$jscomp$0 &&
- ((nextInstance = JSCompiler_temp$jscomp$0.dehydrated),
- null !== nextInstance)
+ null !== nextFallbackChildren &&
+ ((nextPrimaryChildren = nextFallbackChildren.dehydrated),
+ null !== nextPrimaryChildren)
) {
if (didSuspend)
workInProgress.flags & 256
@@ -7643,22 +7620,22 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
(workInProgress.flags |= 128),
(workInProgress = null))
: (reuseSuspenseHandlerOnStack(workInProgress),
- (showFallback = nextProps.fallback),
- (nextInstance = workInProgress.mode),
+ (nextPrimaryChildren = nextProps.fallback),
+ (nextFallbackChildren = workInProgress.mode),
(nextProps = mountWorkInProgressOffscreenFiber(
{ mode: "visible", children: nextProps.children },
- nextInstance
+ nextFallbackChildren
)),
- (showFallback = createFiberFromFragment(
- showFallback,
- nextInstance,
+ (nextPrimaryChildren = createFiberFromFragment(
+ nextPrimaryChildren,
+ nextFallbackChildren,
renderLanes,
null
)),
- (showFallback.flags |= 2),
+ (nextPrimaryChildren.flags |= 2),
(nextProps.return = workInProgress),
- (showFallback.return = workInProgress),
- (nextProps.sibling = showFallback),
+ (nextPrimaryChildren.return = workInProgress),
+ (nextProps.sibling = nextPrimaryChildren),
(workInProgress.child = nextProps),
reconcileChildFibers(
workInProgress,
@@ -7675,13 +7652,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
- (workInProgress = showFallback));
+ (workInProgress = nextPrimaryChildren));
else if (
(pushPrimaryTreeSuspenseHandler(workInProgress),
- isSuspenseInstanceFallback(nextInstance))
+ isSuspenseInstanceFallback(nextPrimaryChildren))
) {
JSCompiler_temp =
- nextInstance.nextSibling && nextInstance.nextSibling.dataset;
+ nextPrimaryChildren.nextSibling &&
+ nextPrimaryChildren.nextSibling.dataset;
if (JSCompiler_temp) var digest = JSCompiler_temp.dgst;
JSCompiler_temp = digest;
"POSTPONE" !== JSCompiler_temp &&
@@ -7712,28 +7690,28 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
0 !== (nextProps & (JSCompiler_temp.suspendedLanes | renderLanes))
? 0
: nextProps),
- 0 !== nextProps && nextProps !== JSCompiler_temp$jscomp$0.retryLane)
+ 0 !== nextProps && nextProps !== nextFallbackChildren.retryLane)
)
throw (
- ((JSCompiler_temp$jscomp$0.retryLane = nextProps),
+ ((nextFallbackChildren.retryLane = nextProps),
enqueueConcurrentRenderForLane(current, nextProps),
scheduleUpdateOnFiber(JSCompiler_temp, current, nextProps),
SelectiveHydrationException)
);
- "$?" === nextInstance.data || renderDidSuspendDelayIfPossible();
+ "$?" === nextPrimaryChildren.data || renderDidSuspendDelayIfPossible();
workInProgress = retrySuspenseComponentWithoutHydrating(
current,
workInProgress,
renderLanes
);
} else
- "$?" === nextInstance.data
+ "$?" === nextPrimaryChildren.data
? ((workInProgress.flags |= 192),
(workInProgress.child = current.child),
(workInProgress = null))
- : ((current = JSCompiler_temp$jscomp$0.treeContext),
+ : ((current = nextFallbackChildren.treeContext),
(nextHydratableInstance = getNextHydratable(
- nextInstance.nextSibling
+ nextPrimaryChildren.nextSibling
)),
(hydrationParentFiber = workInProgress),
(isHydrating = !0),
@@ -7756,48 +7734,50 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
if (showFallback)
return (
reuseSuspenseHandlerOnStack(workInProgress),
- (showFallback = nextProps.fallback),
- (nextInstance = workInProgress.mode),
- (JSCompiler_temp$jscomp$0 = current.child),
- (digest = JSCompiler_temp$jscomp$0.sibling),
- (nextProps = createWorkInProgress(JSCompiler_temp$jscomp$0, {
+ (nextPrimaryChildren = nextProps.fallback),
+ (nextFallbackChildren = workInProgress.mode),
+ (showFallback = current.child),
+ (digest = showFallback.sibling),
+ (nextProps = createWorkInProgress(showFallback, {
mode: "hidden",
children: nextProps.children
})),
- (nextProps.subtreeFlags =
- JSCompiler_temp$jscomp$0.subtreeFlags & 65011712),
+ (nextProps.subtreeFlags = showFallback.subtreeFlags & 65011712),
null !== digest
- ? (showFallback = createWorkInProgress(digest, showFallback))
- : ((showFallback = createFiberFromFragment(
- showFallback,
- nextInstance,
+ ? (nextPrimaryChildren = createWorkInProgress(
+ digest,
+ nextPrimaryChildren
+ ))
+ : ((nextPrimaryChildren = createFiberFromFragment(
+ nextPrimaryChildren,
+ nextFallbackChildren,
renderLanes,
null
)),
- (showFallback.flags |= 2)),
- (showFallback.return = workInProgress),
+ (nextPrimaryChildren.flags |= 2)),
+ (nextPrimaryChildren.return = workInProgress),
(nextProps.return = workInProgress),
- (nextProps.sibling = showFallback),
+ (nextProps.sibling = nextPrimaryChildren),
(workInProgress.child = nextProps),
- (nextProps = showFallback),
- (showFallback = workInProgress.child),
- (nextInstance = current.child.memoizedState),
- null === nextInstance
- ? (nextInstance = mountSuspenseOffscreenState(renderLanes))
- : ((JSCompiler_temp$jscomp$0 = nextInstance.cachePool),
- null !== JSCompiler_temp$jscomp$0
+ (nextProps = nextPrimaryChildren),
+ (nextPrimaryChildren = workInProgress.child),
+ (nextFallbackChildren = current.child.memoizedState),
+ null === nextFallbackChildren
+ ? (nextFallbackChildren = mountSuspenseOffscreenState(renderLanes))
+ : ((showFallback = nextFallbackChildren.cachePool),
+ null !== showFallback
? ((digest = CacheContext._currentValue),
- (JSCompiler_temp$jscomp$0 =
- JSCompiler_temp$jscomp$0.parent !== digest
+ (showFallback =
+ showFallback.parent !== digest
? { parent: digest, pool: digest }
- : JSCompiler_temp$jscomp$0))
- : (JSCompiler_temp$jscomp$0 = getSuspendedCache()),
- (nextInstance = {
- baseLanes: nextInstance.baseLanes | renderLanes,
- cachePool: JSCompiler_temp$jscomp$0
+ : showFallback))
+ : (showFallback = getSuspendedCache()),
+ (nextFallbackChildren = {
+ baseLanes: nextFallbackChildren.baseLanes | renderLanes,
+ cachePool: showFallback
})),
- (showFallback.memoizedState = nextInstance),
- (showFallback.childLanes = getRemainingWorkInPrimaryTree(
+ (nextPrimaryChildren.memoizedState = nextFallbackChildren),
+ (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree(
current,
JSCompiler_temp,
renderLanes
@@ -10112,6 +10092,7 @@ function commitNestedViewTransitions(changedParent) {
var props = changedParent.memoizedProps,
name = getViewTransitionName(props, changedParent.stateNode);
props = getViewTransitionClassName(props.default, props.update);
+ changedParent.flags &= -5;
"none" !== props &&
applyViewTransitionToHostInstances(
changedParent.child,
@@ -12995,6 +12976,7 @@ function recursivelyInsertClonesFromExistingTree(
nextPhase = pushMutationContext();
instance = parentFiber.stateNode;
instance.clones = null;
+ parentFiber.flags &= -5;
recursivelyInsertClonesFromExistingTree(
parentFiber,
hostParentClone,
@@ -14909,26 +14891,26 @@ function commitGestureOnRoot(root, finishedWork) {
}
var rotate = computedStyle.rotate;
if ("none" !== rotate && "" !== rotate) {
- var parts$285 = rotate.split(" ");
+ var parts$287 = rotate.split(" ");
transform =
- 1 === parts$285.length
- ? "rotate(" + parts$285[0] + ") " + transform
- : 2 === parts$285.length
+ 1 === parts$287.length
+ ? "rotate(" + parts$287[0] + ") " + transform
+ : 2 === parts$287.length
? "rotate" +
- parts$285[0].toUpperCase() +
+ parts$287[0].toUpperCase() +
"(" +
- parts$285[1] +
+ parts$287[1] +
") " +
transform
- : "rotate3d(" + parts$285.join(", ") + ") " + transform;
+ : "rotate3d(" + parts$287.join(", ") + ") " + transform;
}
var translate = computedStyle.translate;
if ("none" !== translate && "" !== translate) {
- var parts$286 = translate.split(" ");
+ var parts$288 = translate.split(" ");
transform =
- (3 === parts$286.length ? "translate3d" : "translate") +
+ (3 === parts$288.length ? "translate3d" : "translate") +
"(" +
- parts$286.join(", ") +
+ parts$288.join(", ") +
") " +
transform;
}
@@ -15610,20 +15592,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) {
(nativeEventTarget[internalScrollTimer] = targetInst));
}
for (
- var i$jscomp$inline_1877 = 0;
- i$jscomp$inline_1877 < simpleEventPluginEvents.length;
- i$jscomp$inline_1877++
+ var i$jscomp$inline_1881 = 0;
+ i$jscomp$inline_1881 < simpleEventPluginEvents.length;
+ i$jscomp$inline_1881++
) {
- var eventName$jscomp$inline_1878 =
- simpleEventPluginEvents[i$jscomp$inline_1877],
- domEventName$jscomp$inline_1879 =
- eventName$jscomp$inline_1878.toLowerCase(),
- capitalizedEvent$jscomp$inline_1880 =
- eventName$jscomp$inline_1878[0].toUpperCase() +
- eventName$jscomp$inline_1878.slice(1);
+ var eventName$jscomp$inline_1882 =
+ simpleEventPluginEvents[i$jscomp$inline_1881],
+ domEventName$jscomp$inline_1883 =
+ eventName$jscomp$inline_1882.toLowerCase(),
+ capitalizedEvent$jscomp$inline_1884 =
+ eventName$jscomp$inline_1882[0].toUpperCase() +
+ eventName$jscomp$inline_1882.slice(1);
registerSimpleEvent(
- domEventName$jscomp$inline_1879,
- "on" + capitalizedEvent$jscomp$inline_1880
+ domEventName$jscomp$inline_1883,
+ "on" + capitalizedEvent$jscomp$inline_1884
);
}
registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -17503,51 +17485,38 @@ function isSingletonScope(type) {
}
function clearSuspenseBoundary(parentInstance, suspenseInstance) {
var node = suspenseInstance,
- possiblePreambleContribution = 0,
depth = 0;
do {
var nextNode = node.nextSibling;
parentInstance.removeChild(node);
if (nextNode && 8 === nextNode.nodeType)
if (((node = nextNode.data), "/$" === node)) {
- if (
- 0 < possiblePreambleContribution &&
- 8 > possiblePreambleContribution
- ) {
- node = possiblePreambleContribution;
- var ownerDocument = parentInstance.ownerDocument;
- node & 1 && releaseSingletonInstance(ownerDocument.documentElement);
- node & 2 && releaseSingletonInstance(ownerDocument.body);
- if (node & 4)
- for (
- node = ownerDocument.head,
- releaseSingletonInstance(node),
- ownerDocument = node.firstChild;
- ownerDocument;
-
- ) {
- var nextNode$jscomp$0 = ownerDocument.nextSibling,
- nodeName = ownerDocument.nodeName;
- ownerDocument[internalHoistableMarker] ||
- "SCRIPT" === nodeName ||
- "STYLE" === nodeName ||
- ("LINK" === nodeName &&
- "stylesheet" === ownerDocument.rel.toLowerCase()) ||
- node.removeChild(ownerDocument);
- ownerDocument = nextNode$jscomp$0;
- }
- }
if (0 === depth) {
parentInstance.removeChild(nextNode);
retryIfBlockedOn(suspenseInstance);
return;
}
depth--;
+ } else if ("$" === node || "$?" === node || "$!" === node) depth++;
+ else if ("html" === node)
+ releaseSingletonInstance(parentInstance.ownerDocument.documentElement);
+ else if ("head" === node) {
+ node = parentInstance.ownerDocument.head;
+ releaseSingletonInstance(node);
+ for (var node$jscomp$0 = node.firstChild; node$jscomp$0; ) {
+ var nextNode$jscomp$0 = node$jscomp$0.nextSibling,
+ nodeName = node$jscomp$0.nodeName;
+ node$jscomp$0[internalHoistableMarker] ||
+ "SCRIPT" === nodeName ||
+ "STYLE" === nodeName ||
+ ("LINK" === nodeName &&
+ "stylesheet" === node$jscomp$0.rel.toLowerCase()) ||
+ node.removeChild(node$jscomp$0);
+ node$jscomp$0 = nextNode$jscomp$0;
+ }
} else
- "$" === node || "$?" === node || "$!" === node
- ? depth++
- : (possiblePreambleContribution = node.charCodeAt(0) - 48);
- else possiblePreambleContribution = 0;
+ "body" === node &&
+ releaseSingletonInstance(parentInstance.ownerDocument.body);
node = nextNode;
} while (node);
retryIfBlockedOn(suspenseInstance);
@@ -17959,20 +17928,20 @@ function startGestureTransition(
)))
: (isExitGroupAnim = !0);
}
- var timing$290 = pseudoElement.getTiming();
+ var timing$292 = pseudoElement.getTiming();
anim =
rangeEnd -
- (("number" === typeof timing$290.duration
- ? timing$290.duration
+ (("number" === typeof timing$292.duration
+ ? timing$292.duration
: 0) +
- timing$290.delay) *
+ timing$292.delay) *
longestDuration;
- groupName = rangeEnd - timing$290.delay * longestDuration;
+ groupName = rangeEnd - timing$292.delay * longestDuration;
if (
- "reverse" === timing$290.direction ||
- "alternate-reverse" === timing$290.direction
+ "reverse" === timing$292.direction ||
+ "alternate-reverse" === timing$292.direction
)
- (timing$290 = anim), (anim = groupName), (groupName = timing$290);
+ (timing$292 = anim), (anim = groupName), (groupName = timing$292);
animateGesture(
pseudoElement.getKeyframes(),
pseudoElement.target,
@@ -18785,26 +18754,26 @@ function getResource(type, currentProps, pendingProps, currentResource) {
"string" === typeof pendingProps.precedence
) {
type = getStyleKey(pendingProps.href);
- var styles$295 = getResourcesFromRoot(
+ var styles$297 = getResourcesFromRoot(
JSCompiler_inline_result
).hoistableStyles,
- resource$296 = styles$295.get(type);
- resource$296 ||
+ resource$298 = styles$297.get(type);
+ resource$298 ||
((JSCompiler_inline_result =
JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result),
- (resource$296 = {
+ (resource$298 = {
type: "stylesheet",
instance: null,
count: 0,
state: { loading: 0, preload: null }
}),
- styles$295.set(type, resource$296),
- (styles$295 = JSCompiler_inline_result.querySelector(
+ styles$297.set(type, resource$298),
+ (styles$297 = JSCompiler_inline_result.querySelector(
getStylesheetSelectorFromKey(type)
)) &&
- !styles$295._p &&
- ((resource$296.instance = styles$295),
- (resource$296.state.loading = 5)),
+ !styles$297._p &&
+ ((resource$298.instance = styles$297),
+ (resource$298.state.loading = 5)),
preloadPropsMap.has(type) ||
((pendingProps = {
rel: "preload",
@@ -18817,16 +18786,16 @@ function getResource(type, currentProps, pendingProps, currentResource) {
referrerPolicy: pendingProps.referrerPolicy
}),
preloadPropsMap.set(type, pendingProps),
- styles$295 ||
+ styles$297 ||
preloadStylesheet(
JSCompiler_inline_result,
type,
pendingProps,
- resource$296.state
+ resource$298.state
)));
if (currentProps && null === currentResource)
throw Error(formatProdErrorMessage(528, ""));
- return resource$296;
+ return resource$298;
}
if (currentProps && null !== currentResource)
throw Error(formatProdErrorMessage(529, ""));
@@ -18923,37 +18892,37 @@ function acquireResource(hoistableRoot, resource, props) {
return (resource.instance = instance);
case "stylesheet":
styleProps = getStyleKey(props.href);
- var instance$301 = hoistableRoot.querySelector(
+ var instance$303 = hoistableRoot.querySelector(
getStylesheetSelectorFromKey(styleProps)
);
- if (instance$301)
+ if (instance$303)
return (
(resource.state.loading |= 4),
- (resource.instance = instance$301),
- markNodeAsHoistable(instance$301),
- instance$301
+ (resource.instance = instance$303),
+ markNodeAsHoistable(instance$303),
+ instance$303
);
instance = stylesheetPropsFromRawProps(props);
(styleProps = preloadPropsMap.get(styleProps)) &&
adoptPreloadPropsForStylesheet(instance, styleProps);
- instance$301 = (
+ instance$303 = (
hoistableRoot.ownerDocument || hoistableRoot
).createElement("link");
- markNodeAsHoistable(instance$301);
- var linkInstance = instance$301;
+ markNodeAsHoistable(instance$303);
+ var linkInstance = instance$303;
linkInstance._p = new Promise(function (resolve, reject) {
linkInstance.onload = resolve;
linkInstance.onerror = reject;
});
- setInitialProperties(instance$301, "link", instance);
+ setInitialProperties(instance$303, "link", instance);
resource.state.loading |= 4;
- insertStylesheet(instance$301, props.precedence, hoistableRoot);
- return (resource.instance = instance$301);
+ insertStylesheet(instance$303, props.precedence, hoistableRoot);
+ return (resource.instance = instance$303);
case "script":
- instance$301 = getScriptKey(props.src);
+ instance$303 = getScriptKey(props.src);
if (
(styleProps = hoistableRoot.querySelector(
- getScriptSelectorFromKey(instance$301)
+ getScriptSelectorFromKey(instance$303)
))
)
return (
@@ -18962,7 +18931,7 @@ function acquireResource(hoistableRoot, resource, props) {
styleProps
);
instance = props;
- if ((styleProps = preloadPropsMap.get(instance$301)))
+ if ((styleProps = preloadPropsMap.get(instance$303)))
(instance = assign({}, props)),
adoptPreloadPropsForScript(instance, styleProps);
hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -20026,16 +19995,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
0 === i && attemptExplicitHydrationTarget(target);
}
};
-var isomorphicReactPackageVersion$jscomp$inline_2194 = React.version;
+var isomorphicReactPackageVersion$jscomp$inline_2198 = React.version;
if (
- "19.2.0-experimental-c44e4a25-20250409" !==
- isomorphicReactPackageVersion$jscomp$inline_2194
+ "19.2.0-experimental-1d6c8168-20250411" !==
+ isomorphicReactPackageVersion$jscomp$inline_2198
)
throw Error(
formatProdErrorMessage(
527,
- isomorphicReactPackageVersion$jscomp$inline_2194,
- "19.2.0-experimental-c44e4a25-20250409"
+ isomorphicReactPackageVersion$jscomp$inline_2198,
+ "19.2.0-experimental-1d6c8168-20250411"
)
);
ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -20055,24 +20024,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
null === componentOrElement ? null : componentOrElement.stateNode;
return componentOrElement;
};
-var internals$jscomp$inline_2818 = {
+var internals$jscomp$inline_2822 = {
bundleType: 0,
- version: "19.2.0-experimental-c44e4a25-20250409",
+ version: "19.2.0-experimental-1d6c8168-20250411",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
- reconcilerVersion: "19.2.0-experimental-c44e4a25-20250409"
+ reconcilerVersion: "19.2.0-experimental-1d6c8168-20250411"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
- var hook$jscomp$inline_2819 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+ var hook$jscomp$inline_2823 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
if (
- !hook$jscomp$inline_2819.isDisabled &&
- hook$jscomp$inline_2819.supportsFiber
+ !hook$jscomp$inline_2823.isDisabled &&
+ hook$jscomp$inline_2823.supportsFiber
)
try {
- (rendererID = hook$jscomp$inline_2819.inject(
- internals$jscomp$inline_2818
+ (rendererID = hook$jscomp$inline_2823.inject(
+ internals$jscomp$inline_2822
)),
- (injectedHook = hook$jscomp$inline_2819);
+ (injectedHook = hook$jscomp$inline_2823);
} catch (err) {}
}
function noop() {}
@@ -20325,7 +20294,7 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
-exports.version = "19.2.0-experimental-c44e4a25-20250409";
+exports.version = "19.2.0-experimental-1d6c8168-20250411";
"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 696441602ec22..fa42333259f3d 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
@@ -779,12 +779,7 @@
};
}
function createPreambleState() {
- return {
- htmlChunks: null,
- headChunks: null,
- bodyChunks: null,
- contribution: NoContribution
- };
+ return { htmlChunks: null, headChunks: null, bodyChunks: null };
}
function createFormatContext(insertionMode, selectedValue, tagScope) {
return {
@@ -2752,6 +2747,7 @@
var preamble = preambleState || renderState.preamble;
if (preamble.headChunks)
throw Error("The `` tag may only be rendered once.");
+ null !== preambleState && target$jscomp$0.push("\x3c!--head--\x3e");
preamble.headChunks = [];
var JSCompiler_inline_result$jscomp$9 = pushStartSingletonElement(
preamble.headChunks,
@@ -2770,6 +2766,7 @@
var preamble$jscomp$0 = preambleState || renderState.preamble;
if (preamble$jscomp$0.bodyChunks)
throw Error("The `` tag may only be rendered once.");
+ null !== preambleState && target$jscomp$0.push("\x3c!--body--\x3e");
preamble$jscomp$0.bodyChunks = [];
var JSCompiler_inline_result$jscomp$10 = pushStartSingletonElement(
preamble$jscomp$0.bodyChunks,
@@ -2788,6 +2785,7 @@
var preamble$jscomp$1 = preambleState || renderState.preamble;
if (preamble$jscomp$1.htmlChunks)
throw Error("The `` tag may only be rendered once.");
+ null !== preambleState && target$jscomp$0.push("\x3c!--html--\x3e");
preamble$jscomp$1.htmlChunks = [doctypeChunk];
var JSCompiler_inline_result$jscomp$11 = pushStartSingletonElement(
preamble$jscomp$1.htmlChunks,
@@ -2871,16 +2869,13 @@
renderState = renderState.preamble;
null === renderState.htmlChunks &&
preambleState.htmlChunks &&
- ((renderState.htmlChunks = preambleState.htmlChunks),
- (preambleState.contribution |= 1));
+ (renderState.htmlChunks = preambleState.htmlChunks);
null === renderState.headChunks &&
preambleState.headChunks &&
- ((renderState.headChunks = preambleState.headChunks),
- (preambleState.contribution |= 4));
+ (renderState.headChunks = preambleState.headChunks);
null === renderState.bodyChunks &&
preambleState.bodyChunks &&
- ((renderState.bodyChunks = preambleState.bodyChunks),
- (preambleState.contribution |= 2));
+ (renderState.bodyChunks = preambleState.bodyChunks);
}
function writeBootstrap(destination, renderState) {
renderState = renderState.bootstrapChunks;
@@ -2901,13 +2896,6 @@
destination.push(renderState);
return destination.push(startPendingSuspenseBoundary2);
}
- function writePreambleContribution(destination, preambleState) {
- preambleState = preambleState.contribution;
- preambleState !== NoContribution &&
- (destination.push(boundaryPreambleContributionChunkStart),
- destination.push("" + preambleState),
- destination.push(boundaryPreambleContributionChunkEnd));
- }
function writeStartSegment(destination, renderState, formatContext, id) {
switch (formatContext.insertionMode) {
case ROOT_HTML_MODE:
@@ -5517,20 +5505,8 @@
renderNode(request, task, props.children, -1);
task.keyPath = _prevKeyPath3;
}
- if (!request.renderState.generateStaticMarkup) {
- var target$jscomp$0 = segment$jscomp$0.chunks,
- preambleState = task.blockedPreamble;
- if (preambleState) {
- var contribution = preambleState.contribution;
- contribution !== NoContribution &&
- target$jscomp$0.push(
- boundaryPreambleContributionChunkStart,
- "" + contribution,
- boundaryPreambleContributionChunkEnd
- );
- }
- target$jscomp$0.push("\x3c!--/&--\x3e");
- }
+ request.renderState.generateStaticMarkup ||
+ segment$jscomp$0.chunks.push("\x3c!--/&--\x3e");
segment$jscomp$0.lastPushedText = !1;
}
return;
@@ -7518,8 +7494,8 @@
if (!request.renderState.generateStaticMarkup) {
var errorDigest = boundary.errorDigest,
errorMessage = boundary.errorMessage,
- errorStack = boundary.errorStack,
- errorComponentStack = boundary.errorComponentStack;
+ errorStack = boundary.errorStack;
+ boundary = boundary.errorComponentStack;
destination.push(startClientRenderedSuspenseBoundary);
destination.push(clientRenderedSuspenseBoundaryError1);
errorDigest &&
@@ -7543,22 +7519,20 @@
destination.push(
clientRenderedSuspenseBoundaryErrorAttrInterstitial
));
- errorComponentStack &&
+ boundary &&
(destination.push(clientRenderedSuspenseBoundaryError1D),
- (errorComponentStack = escapeTextForBrowser(errorComponentStack)),
- destination.push(errorComponentStack),
+ (errorStack = escapeTextForBrowser(boundary)),
+ destination.push(errorStack),
destination.push(
clientRenderedSuspenseBoundaryErrorAttrInterstitial
));
destination.push(clientRenderedSuspenseBoundaryError2);
}
flushSubtree(request, destination, segment, hoistableState);
- request.renderState.generateStaticMarkup
- ? (destination = !0)
- : ((request = boundary.fallbackPreamble) &&
- writePreambleContribution(destination, request),
- (destination = destination.push(endSuspenseBoundary)));
- return destination;
+ request = request.renderState.generateStaticMarkup
+ ? !0
+ : destination.push(endSuspenseBoundary);
+ return request;
}
if (boundary.status !== COMPLETED)
return (
@@ -7572,9 +7546,12 @@
boundary.rootSegmentID
),
hoistableState &&
- ((boundary = boundary.fallbackState),
- boundary.styles.forEach(hoistStyleQueueDependency, hoistableState),
- boundary.stylesheets.forEach(
+ ((errorStack = boundary.fallbackState),
+ errorStack.styles.forEach(
+ hoistStyleQueueDependency,
+ hoistableState
+ ),
+ errorStack.stylesheets.forEach(
hoistStylesheetDependency,
hoistableState
)),
@@ -7605,12 +7582,10 @@
"A previously unvisited boundary must have exactly one root segment. This is a bug in React."
);
flushSegment(request, destination, segment[0], hoistableState);
- request.renderState.generateStaticMarkup
- ? (destination = !0)
- : ((request = boundary.contentPreamble) &&
- writePreambleContribution(destination, request),
- (destination = destination.push(endSuspenseBoundary)));
- return destination;
+ request = request.renderState.generateStaticMarkup
+ ? !0
+ : destination.push(endSuspenseBoundary);
+ return request;
}
function flushSegmentContainer(
request,
@@ -9297,8 +9272,7 @@
Object.freeze(PRELOAD_NO_CREDS);
var scriptRegex = /(<\/|<)(s)(cript)/gi;
var didWarnForNewBooleanPropsWithEmptyValue = {};
- var NoContribution = 0,
- ROOT_HTML_MODE = 0,
+ var ROOT_HTML_MODE = 0,
HTML_HTML_MODE = 1,
HTML_MODE = 2,
HTML_HEAD_MODE = 3,
@@ -9354,8 +9328,6 @@
clientRenderedSuspenseBoundaryError1C = ' data-stck="',
clientRenderedSuspenseBoundaryError1D = ' data-cstck="',
clientRenderedSuspenseBoundaryError2 = ">",
- boundaryPreambleContributionChunkStart = "\x3c!--",
- boundaryPreambleContributionChunkEnd = "--\x3e",
startSegmentHTML = '',
endSegmentHTML = "
",
@@ -9702,5 +9674,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.2.0-experimental-c44e4a25-20250409";
+ exports.version = "19.2.0-experimental-1d6c8168-20250411";
})();
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 319f2ab4fa613..b07ca9b7b3f25 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
@@ -348,12 +348,7 @@ function createResumableState(
};
}
function createPreambleState() {
- return {
- htmlChunks: null,
- headChunks: null,
- bodyChunks: null,
- contribution: 0
- };
+ return { htmlChunks: null, headChunks: null, bodyChunks: null };
}
function createFormatContext(insertionMode, selectedValue, tagScope) {
return {
@@ -1800,6 +1795,7 @@ function pushStartInstance(
var preamble = preambleState || renderState.preamble;
if (preamble.headChunks)
throw Error(formatProdErrorMessage(545, "``"));
+ null !== preambleState && target$jscomp$0.push("\x3c!--head--\x3e");
preamble.headChunks = [];
var JSCompiler_inline_result$jscomp$9 = pushStartSingletonElement(
preamble.headChunks,
@@ -1818,6 +1814,7 @@ function pushStartInstance(
var preamble$jscomp$0 = preambleState || renderState.preamble;
if (preamble$jscomp$0.bodyChunks)
throw Error(formatProdErrorMessage(545, "``"));
+ null !== preambleState && target$jscomp$0.push("\x3c!--body--\x3e");
preamble$jscomp$0.bodyChunks = [];
var JSCompiler_inline_result$jscomp$10 = pushStartSingletonElement(
preamble$jscomp$0.bodyChunks,
@@ -1836,6 +1833,7 @@ function pushStartInstance(
var preamble$jscomp$1 = preambleState || renderState.preamble;
if (preamble$jscomp$1.htmlChunks)
throw Error(formatProdErrorMessage(545, "``"));
+ null !== preambleState && target$jscomp$0.push("\x3c!--html--\x3e");
preamble$jscomp$1.htmlChunks = [""];
var JSCompiler_inline_result$jscomp$11 = pushStartSingletonElement(
preamble$jscomp$1.htmlChunks,
@@ -1913,16 +1911,13 @@ function hoistPreambleState(renderState, preambleState) {
renderState = renderState.preamble;
null === renderState.htmlChunks &&
preambleState.htmlChunks &&
- ((renderState.htmlChunks = preambleState.htmlChunks),
- (preambleState.contribution |= 1));
+ (renderState.htmlChunks = preambleState.htmlChunks);
null === renderState.headChunks &&
preambleState.headChunks &&
- ((renderState.headChunks = preambleState.headChunks),
- (preambleState.contribution |= 4));
+ (renderState.headChunks = preambleState.headChunks);
null === renderState.bodyChunks &&
preambleState.bodyChunks &&
- ((renderState.bodyChunks = preambleState.bodyChunks),
- (preambleState.contribution |= 2));
+ (renderState.bodyChunks = preambleState.bodyChunks);
}
function writeBootstrap(destination, renderState) {
renderState = renderState.bootstrapChunks;
@@ -1940,13 +1935,6 @@ function writeStartPendingSuspenseBoundary(destination, renderState, id) {
destination.push(renderState);
return destination.push('">');
}
-function writePreambleContribution(destination, preambleState) {
- preambleState = preambleState.contribution;
- 0 !== preambleState &&
- (destination.push("\x3c!--"),
- destination.push("" + preambleState),
- destination.push("--\x3e"));
-}
function writeStartSegment(destination, renderState, formatContext, id) {
switch (formatContext.insertionMode) {
case 0:
@@ -2793,17 +2781,17 @@ function createRenderState(resumableState, generateStaticMarkup) {
"\x3c/script>"
);
bootstrapScriptContent = idPrefix + "P:";
- var JSCompiler_object_inline_segmentPrefix_1737 = idPrefix + "S:";
+ var JSCompiler_object_inline_segmentPrefix_1708 = idPrefix + "S:";
idPrefix += "B:";
- var JSCompiler_object_inline_preamble_1740 = createPreambleState(),
- JSCompiler_object_inline_preconnects_1750 = new Set(),
- JSCompiler_object_inline_fontPreloads_1751 = new Set(),
- JSCompiler_object_inline_highImagePreloads_1752 = new Set(),
- JSCompiler_object_inline_styles_1753 = new Map(),
- JSCompiler_object_inline_bootstrapScripts_1754 = new Set(),
- JSCompiler_object_inline_scripts_1755 = new Set(),
- JSCompiler_object_inline_bulkPreloads_1756 = new Set(),
- JSCompiler_object_inline_preloads_1757 = {
+ var JSCompiler_object_inline_preamble_1711 = createPreambleState(),
+ JSCompiler_object_inline_preconnects_1721 = new Set(),
+ JSCompiler_object_inline_fontPreloads_1722 = new Set(),
+ JSCompiler_object_inline_highImagePreloads_1723 = new Set(),
+ JSCompiler_object_inline_styles_1724 = new Map(),
+ JSCompiler_object_inline_bootstrapScripts_1725 = new Set(),
+ JSCompiler_object_inline_scripts_1726 = new Set(),
+ JSCompiler_object_inline_bulkPreloads_1727 = new Set(),
+ JSCompiler_object_inline_preloads_1728 = {
images: new Map(),
stylesheets: new Map(),
scripts: new Map(),
@@ -2840,7 +2828,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
scriptConfig.moduleScriptResources[href] = null;
scriptConfig = [];
pushLinkImpl(scriptConfig, props);
- JSCompiler_object_inline_bootstrapScripts_1754.add(scriptConfig);
+ JSCompiler_object_inline_bootstrapScripts_1725.add(scriptConfig);
bootstrapChunks.push('