react-dom
19.3.0-canary-65eec428-2025121819.3.0-canary-4a3d993e-20260114
cjs/react-dom-client.development.js~
cjs/react-dom-client.development.jsModified+116−106
Index: package/cjs/react-dom-client.development.js
===================================================================
--- package/cjs/react-dom-client.development.js
+++ package/cjs/react-dom-client.development.js
@@ -11144,26 +11144,26 @@
primaryTreeDidDefer && (current |= workInProgressDeferredLane);
return current;
}
function updateSuspenseComponent(current, workInProgress, renderLanes) {
- var JSCompiler_object_inline_digest_2939;
- var JSCompiler_object_inline_stack_2940 = workInProgress.pendingProps;
+ var JSCompiler_object_inline_digest_2941;
+ var JSCompiler_object_inline_stack_2942 = workInProgress.pendingProps;
shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128);
- var JSCompiler_object_inline_message_2938 = !1;
+ var JSCompiler_object_inline_message_2940 = !1;
var didSuspend = 0 !== (workInProgress.flags & 128);
- (JSCompiler_object_inline_digest_2939 = didSuspend) ||
- (JSCompiler_object_inline_digest_2939 =
+ (JSCompiler_object_inline_digest_2941 = didSuspend) ||
+ (JSCompiler_object_inline_digest_2941 =
null !== current && null === current.memoizedState
? !1
: 0 !== (suspenseStackCursor.current & ForceSuspenseFallback));
- JSCompiler_object_inline_digest_2939 &&
- ((JSCompiler_object_inline_message_2938 = !0),
+ JSCompiler_object_inline_digest_2941 &&
+ ((JSCompiler_object_inline_message_2940 = !0),
(workInProgress.flags &= -129));
- JSCompiler_object_inline_digest_2939 = 0 !== (workInProgress.flags & 32);
+ JSCompiler_object_inline_digest_2941 = 0 !== (workInProgress.flags & 32);
workInProgress.flags &= -33;
if (null === current) {
if (isHydrating) {
- JSCompiler_object_inline_message_2938
+ JSCompiler_object_inline_message_2940
? pushPrimaryTreeSuspenseHandler(workInProgress)
: reuseSuspenseHandlerOnStack(workInProgress);
(current = nextHydratableInstance)
? ((renderLanes = canHydrateHydrationBoundary(
@@ -11174,20 +11174,20 @@
null !== renderLanes && renderLanes.data !== ACTIVITY_START_DATA
? renderLanes
: null),
null !== renderLanes &&
- ((JSCompiler_object_inline_digest_2939 = {
+ ((JSCompiler_object_inline_digest_2941 = {
dehydrated: renderLanes,
treeContext: getSuspendedTreeContext(),
retryLane: 536870912,
hydrationErrors: null
}),
(workInProgress.memoizedState =
- JSCompiler_object_inline_digest_2939),
- (JSCompiler_object_inline_digest_2939 =
+ JSCompiler_object_inline_digest_2941),
+ (JSCompiler_object_inline_digest_2941 =
createFiberFromDehydratedFragment(renderLanes)),
- (JSCompiler_object_inline_digest_2939.return = workInProgress),
- (workInProgress.child = JSCompiler_object_inline_digest_2939),
+ (JSCompiler_object_inline_digest_2941.return = workInProgress),
+ (workInProgress.child = JSCompiler_object_inline_digest_2941),
(hydrationParentFiber = workInProgress),
(nextHydratableInstance = null)))
: (renderLanes = null);
if (null === renderLanes)
@@ -11199,41 +11199,41 @@
? (workInProgress.lanes = 32)
: (workInProgress.lanes = 536870912);
return null;
}
- var nextPrimaryChildren = JSCompiler_object_inline_stack_2940.children;
- JSCompiler_object_inline_stack_2940 =
- JSCompiler_object_inline_stack_2940.fallback;
- if (JSCompiler_object_inline_message_2938) {
+ var nextPrimaryChildren = JSCompiler_object_inline_stack_2942.children;
+ JSCompiler_object_inline_stack_2942 =
+ JSCompiler_object_inline_stack_2942.fallback;
+ if (JSCompiler_object_inline_message_2940) {
reuseSuspenseHandlerOnStack(workInProgress);
var mode = workInProgress.mode;
nextPrimaryChildren = mountWorkInProgressOffscreenFiber(
{ mode: "hidden", children: nextPrimaryChildren },
mode
);
- JSCompiler_object_inline_stack_2940 = createFiberFromFragment(
- JSCompiler_object_inline_stack_2940,
+ JSCompiler_object_inline_stack_2942 = createFiberFromFragment(
+ JSCompiler_object_inline_stack_2942,
mode,
renderLanes,
null
);
nextPrimaryChildren.return = workInProgress;
- JSCompiler_object_inline_stack_2940.return = workInProgress;
- nextPrimaryChildren.sibling = JSCompiler_object_inline_stack_2940;
+ JSCompiler_object_inline_stack_2942.return = workInProgress;
+ nextPrimaryChildren.sibling = JSCompiler_object_inline_stack_2942;
workInProgress.child = nextPrimaryChildren;
- JSCompiler_object_inline_stack_2940 = workInProgress.child;
- JSCompiler_object_inline_stack_2940.memoizedState =
+ JSCompiler_object_inline_stack_2942 = workInProgress.child;
+ JSCompiler_object_inline_stack_2942.memoizedState =
mountSuspenseOffscreenState(renderLanes);
- JSCompiler_object_inline_stack_2940.childLanes =
+ JSCompiler_object_inline_stack_2942.childLanes =
getRemainingWorkInPrimaryTree(
current,
- JSCompiler_object_inline_digest_2939,
+ JSCompiler_object_inline_digest_2941,
renderLanes
);
workInProgress.memoizedState = SUSPENDED_MARKER;
return bailoutOffscreenComponent(
null,
- JSCompiler_object_inline_stack_2940
+ JSCompiler_object_inline_stack_2942
);
}
pushPrimaryTreeSuspenseHandler(workInProgress);
return mountSuspensePrimaryChildren(
@@ -11242,10 +11242,10 @@
);
}
var prevState = current.memoizedState;
if (null !== prevState) {
- var JSCompiler_object_inline_componentStack_2941 = prevState.dehydrated;
- if (null !== JSCompiler_object_inline_componentStack_2941) {
+ var JSCompiler_object_inline_componentStack_2943 = prevState.dehydrated;
+ if (null !== JSCompiler_object_inline_componentStack_2943) {
if (didSuspend)
workInProgress.flags & 256
? (pushPrimaryTreeSuspenseHandler(workInProgress),
(workInProgress.flags &= -257),
@@ -11260,15 +11260,15 @@
(workInProgress.flags |= 128),
(workInProgress = null))
: (reuseSuspenseHandlerOnStack(workInProgress),
(nextPrimaryChildren =
- JSCompiler_object_inline_stack_2940.fallback),
+ JSCompiler_object_inline_stack_2942.fallback),
(mode = workInProgress.mode),
- (JSCompiler_object_inline_stack_2940 =
+ (JSCompiler_object_inline_stack_2942 =
mountWorkInProgressOffscreenFiber(
{
mode: "visible",
- children: JSCompiler_object_inline_stack_2940.children
+ children: JSCompiler_object_inline_stack_2942.children
},
mode
)),
(nextPrimaryChildren = createFiberFromFragment(
@@ -11277,78 +11277,78 @@
renderLanes,
null
)),
(nextPrimaryChildren.flags |= 2),
- (JSCompiler_object_inline_stack_2940.return = workInProgress),
+ (JSCompiler_object_inline_stack_2942.return = workInProgress),
(nextPrimaryChildren.return = workInProgress),
- (JSCompiler_object_inline_stack_2940.sibling =
+ (JSCompiler_object_inline_stack_2942.sibling =
nextPrimaryChildren),
- (workInProgress.child = JSCompiler_object_inline_stack_2940),
+ (workInProgress.child = JSCompiler_object_inline_stack_2942),
reconcileChildFibers(
workInProgress,
current.child,
null,
renderLanes
),
- (JSCompiler_object_inline_stack_2940 = workInProgress.child),
- (JSCompiler_object_inline_stack_2940.memoizedState =
+ (JSCompiler_object_inline_stack_2942 = workInProgress.child),
+ (JSCompiler_object_inline_stack_2942.memoizedState =
mountSuspenseOffscreenState(renderLanes)),
- (JSCompiler_object_inline_stack_2940.childLanes =
+ (JSCompiler_object_inline_stack_2942.childLanes =
getRemainingWorkInPrimaryTree(
current,
- JSCompiler_object_inline_digest_2939,
+ JSCompiler_object_inline_digest_2941,
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
(workInProgress = bailoutOffscreenComponent(
null,
- JSCompiler_object_inline_stack_2940
+ JSCompiler_object_inline_stack_2942
)));
else if (
(pushPrimaryTreeSuspenseHandler(workInProgress),
warnIfHydrating(),
0 !== (renderLanes & 536870912) &&
markRenderDerivedCause(workInProgress),
isSuspenseInstanceFallback(
- JSCompiler_object_inline_componentStack_2941
+ JSCompiler_object_inline_componentStack_2943
))
) {
- JSCompiler_object_inline_digest_2939 =
- JSCompiler_object_inline_componentStack_2941.nextSibling &&
- JSCompiler_object_inline_componentStack_2941.nextSibling.dataset;
- if (JSCompiler_object_inline_digest_2939) {
- nextPrimaryChildren = JSCompiler_object_inline_digest_2939.dgst;
- var message = JSCompiler_object_inline_digest_2939.msg;
- mode = JSCompiler_object_inline_digest_2939.stck;
- var componentStack = JSCompiler_object_inline_digest_2939.cstck;
+ JSCompiler_object_inline_digest_2941 =
+ JSCompiler_object_inline_componentStack_2943.nextSibling &&
+ JSCompiler_object_inline_componentStack_2943.nextSibling.dataset;
+ if (JSCompiler_object_inline_digest_2941) {
+ nextPrimaryChildren = JSCompiler_object_inline_digest_2941.dgst;
+ var message = JSCompiler_object_inline_digest_2941.msg;
+ mode = JSCompiler_object_inline_digest_2941.stck;
+ var componentStack = JSCompiler_object_inline_digest_2941.cstck;
}
- JSCompiler_object_inline_message_2938 = message;
- JSCompiler_object_inline_digest_2939 = nextPrimaryChildren;
- JSCompiler_object_inline_stack_2940 = mode;
- JSCompiler_object_inline_componentStack_2941 = componentStack;
- nextPrimaryChildren = JSCompiler_object_inline_message_2938;
- mode = JSCompiler_object_inline_componentStack_2941;
+ JSCompiler_object_inline_message_2940 = message;
+ JSCompiler_object_inline_digest_2941 = nextPrimaryChildren;
+ JSCompiler_object_inline_stack_2942 = mode;
+ JSCompiler_object_inline_componentStack_2943 = componentStack;
+ nextPrimaryChildren = JSCompiler_object_inline_message_2940;
+ mode = JSCompiler_object_inline_componentStack_2943;
nextPrimaryChildren = nextPrimaryChildren
? Error(nextPrimaryChildren)
: Error(
"The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
);
nextPrimaryChildren.stack =
- JSCompiler_object_inline_stack_2940 || "";
- nextPrimaryChildren.digest = JSCompiler_object_inline_digest_2939;
- JSCompiler_object_inline_digest_2939 =
+ JSCompiler_object_inline_stack_2942 || "";
+ nextPrimaryChildren.digest = JSCompiler_object_inline_digest_2941;
+ JSCompiler_object_inline_digest_2941 =
void 0 === mode ? null : mode;
- JSCompiler_object_inline_stack_2940 = {
+ JSCompiler_object_inline_stack_2942 = {
value: nextPrimaryChildren,
source: null,
- stack: JSCompiler_object_inline_digest_2939
+ stack: JSCompiler_object_inline_digest_2941
};
- "string" === typeof JSCompiler_object_inline_digest_2939 &&
+ "string" === typeof JSCompiler_object_inline_digest_2941 &&
CapturedStacks.set(
nextPrimaryChildren,
- JSCompiler_object_inline_stack_2940
+ JSCompiler_object_inline_stack_2942
);
- queueHydrationError(JSCompiler_object_inline_stack_2940);
+ queueHydrationError(JSCompiler_object_inline_stack_2942);
workInProgress = retrySuspenseComponentWithoutHydrating(
current,
workInProgress,
renderLanes
@@ -11360,53 +11360,53 @@
workInProgress,
renderLanes,
!1
),
- (JSCompiler_object_inline_digest_2939 =
+ (JSCompiler_object_inline_digest_2941 =
0 !== (renderLanes & current.childLanes)),
- didReceiveUpdate || JSCompiler_object_inline_digest_2939)
+ didReceiveUpdate || JSCompiler_object_inline_digest_2941)
) {
- JSCompiler_object_inline_digest_2939 = workInProgressRoot;
+ JSCompiler_object_inline_digest_2941 = workInProgressRoot;
if (
- null !== JSCompiler_object_inline_digest_2939 &&
- ((JSCompiler_object_inline_stack_2940 = getBumpedLaneForHydration(
- JSCompiler_object_inline_digest_2939,
+ null !== JSCompiler_object_inline_digest_2941 &&
+ ((JSCompiler_object_inline_stack_2942 = getBumpedLaneForHydration(
+ JSCompiler_object_inline_digest_2941,
renderLanes
)),
- 0 !== JSCompiler_object_inline_stack_2940 &&
- JSCompiler_object_inline_stack_2940 !== prevState.retryLane)
+ 0 !== JSCompiler_object_inline_stack_2942 &&
+ JSCompiler_object_inline_stack_2942 !== prevState.retryLane)
)
throw (
- ((prevState.retryLane = JSCompiler_object_inline_stack_2940),
+ ((prevState.retryLane = JSCompiler_object_inline_stack_2942),
enqueueConcurrentRenderForLane(
current,
- JSCompiler_object_inline_stack_2940
+ JSCompiler_object_inline_stack_2942
),
scheduleUpdateOnFiber(
- JSCompiler_object_inline_digest_2939,
+ JSCompiler_object_inline_digest_2941,
current,
- JSCompiler_object_inline_stack_2940
+ JSCompiler_object_inline_stack_2942
),
SelectiveHydrationException)
);
isSuspenseInstancePending(
- JSCompiler_object_inline_componentStack_2941
+ JSCompiler_object_inline_componentStack_2943
) || renderDidSuspendDelayIfPossible();
workInProgress = retrySuspenseComponentWithoutHydrating(
current,
workInProgress,
renderLanes
);
} else
isSuspenseInstancePending(
- JSCompiler_object_inline_componentStack_2941
+ JSCompiler_object_inline_componentStack_2943
)
? ((workInProgress.flags |= 192),
(workInProgress.child = current.child),
(workInProgress = null))
: ((current = prevState.treeContext),
(nextHydratableInstance = getNextHydratable(
- JSCompiler_object_inline_componentStack_2941.nextSibling
+ JSCompiler_object_inline_componentStack_2943.nextSibling
)),
(hydrationParentFiber = workInProgress),
(isHydrating = !0),
(hydrationErrors = null),
@@ -11416,34 +11416,34 @@
null !== current &&
restoreSuspendedTreeContext(workInProgress, current),
(workInProgress = mountSuspensePrimaryChildren(
workInProgress,
- JSCompiler_object_inline_stack_2940.children
+ JSCompiler_object_inline_stack_2942.children
)),
(workInProgress.flags |= 4096));
return workInProgress;
}
}
- if (JSCompiler_object_inline_message_2938)
+ if (JSCompiler_object_inline_message_2940)
return (
reuseSuspenseHandlerOnStack(workInProgress),
- (nextPrimaryChildren = JSCompiler_object_inline_stack_2940.fallback),
+ (nextPrimaryChildren = JSCompiler_object_inline_stack_2942.fallback),
(mode = workInProgress.mode),
(componentStack = current.child),
- (JSCompiler_object_inline_componentStack_2941 =
+ (JSCompiler_object_inline_componentStack_2943 =
componentStack.sibling),
- (JSCompiler_object_inline_stack_2940 = createWorkInProgress(
+ (JSCompiler_object_inline_stack_2942 = createWorkInProgress(
componentStack,
{
mode: "hidden",
- children: JSCompiler_object_inline_stack_2940.children
+ children: JSCompiler_object_inline_stack_2942.children
}
)),
- (JSCompiler_object_inline_stack_2940.subtreeFlags =
+ (JSCompiler_object_inline_stack_2942.subtreeFlags =
componentStack.subtreeFlags & 132120576),
- null !== JSCompiler_object_inline_componentStack_2941
+ null !== JSCompiler_object_inline_componentStack_2943
? (nextPrimaryChildren = createWorkInProgress(
- JSCompiler_object_inline_componentStack_2941,
+ JSCompiler_object_inline_componentStack_2943,
nextPrimaryChildren
))
: ((nextPrimaryChildren = createFiberFromFragment(
nextPrimaryChildren,
@@ -11452,13 +11452,13 @@
null
)),
(nextPrimaryChildren.flags |= 2)),
(nextPrimaryChildren.return = workInProgress),
- (JSCompiler_object_inline_stack_2940.return = workInProgress),
- (JSCompiler_object_inline_stack_2940.sibling = nextPrimaryChildren),
- (workInProgress.child = JSCompiler_object_inline_stack_2940),
- bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_2940),
- (JSCompiler_object_inline_stack_2940 = workInProgress.child),
+ (JSCompiler_object_inline_stack_2942.return = workInProgress),
+ (JSCompiler_object_inline_stack_2942.sibling = nextPrimaryChildren),
+ (workInProgress.child = JSCompiler_object_inline_stack_2942),
+ bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_2942),
+ (JSCompiler_object_inline_stack_2942 = workInProgress.child),
(nextPrimaryChildren = current.child.memoizedState),
null === nextPrimaryChildren
? (nextPrimaryChildren = mountSuspenseOffscreenState(renderLanes))
: ((mode = nextPrimaryChildren.cachePool),
@@ -11472,20 +11472,20 @@
(nextPrimaryChildren = {
baseLanes: nextPrimaryChildren.baseLanes | renderLanes,
cachePool: mode
})),
- (JSCompiler_object_inline_stack_2940.memoizedState =
+ (JSCompiler_object_inline_stack_2942.memoizedState =
nextPrimaryChildren),
- (JSCompiler_object_inline_stack_2940.childLanes =
+ (JSCompiler_object_inline_stack_2942.childLanes =
getRemainingWorkInPrimaryTree(
current,
- JSCompiler_object_inline_digest_2939,
+ JSCompiler_object_inline_digest_2941,
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
bailoutOffscreenComponent(
current.child,
- JSCompiler_object_inline_stack_2940
+ JSCompiler_object_inline_stack_2942
)
);
null !== prevState &&
(renderLanes & 62914560) === renderLanes &&
@@ -11495,18 +11495,18 @@
renderLanes = current.child;
current = renderLanes.sibling;
renderLanes = createWorkInProgress(renderLanes, {
mode: "visible",
- children: JSCompiler_object_inline_stack_2940.children
+ children: JSCompiler_object_inline_stack_2942.children
});
renderLanes.return = workInProgress;
renderLanes.sibling = null;
null !== current &&
- ((JSCompiler_object_inline_digest_2939 = workInProgress.deletions),
- null === JSCompiler_object_inline_digest_2939
+ ((JSCompiler_object_inline_digest_2941 = workInProgress.deletions),
+ null === JSCompiler_object_inline_digest_2941
? ((workInProgress.deletions = [current]),
(workInProgress.flags |= 16))
- : JSCompiler_object_inline_digest_2939.push(current));
+ : JSCompiler_object_inline_digest_2941.push(current));
workInProgress.child = renderLanes;
workInProgress.memoizedState = null;
return renderLanes;
}
@@ -14640,9 +14640,11 @@
(null === viewTransitionCancelableChildren &&
(viewTransitionCancelableChildren = []),
viewTransitionCancelableChildren.push(
instance,
- oldName,
+ 0 === viewTransitionHostInstanceIdx
+ ? oldName
+ : oldName + "_" + viewTransitionHostInstanceIdx,
child.memoizedProps
));
viewTransitionHostInstanceIdx++;
} else if (22 !== child.tag || null === child.memoizedState)
@@ -19046,8 +19048,16 @@
);
break;
case 5:
resetHooksOnUnwind(unitOfWork);
+ var fiber = unitOfWork;
+ fiber === hydrationParentFiber &&
+ (isHydrating
+ ? (popToNextHostParent(fiber),
+ 5 === fiber.tag &&
+ null != fiber.stateNode &&
+ (nextHydratableInstance = fiber.stateNode))
+ : (popToNextHostParent(fiber), (isHydrating = !0)));
default:
unwindInterruptedWork(current, unitOfWork),
(unitOfWork = workInProgress =
resetWorkInProgress(unitOfWork, entangledRenderLanes)),
@@ -30395,13 +30405,13 @@
}
};
(function () {
var isomorphicReactPackageVersion = React.version;
- if ("19.3.0-canary-65eec428-20251218" !== isomorphicReactPackageVersion)
+ if ("19.3.0-canary-4a3d993e-20260114" !== 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.3.0-canary-65eec428-20251218\nLearn more: https://react.dev/warnings/version-mismatch")
+ "\n - react-dom: 19.3.0-canary-4a3d993e-20260114\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
null != Map.prototype &&
@@ -30436,12 +30446,12 @@
if (
!(function () {
var internals = {
bundleType: 1,
- version: "19.3.0-canary-65eec428-20251218",
+ version: "19.3.0-canary-4a3d993e-20260114",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
- reconcilerVersion: "19.3.0-canary-65eec428-20251218"
+ reconcilerVersion: "19.3.0-canary-4a3d993e-20260114"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
internals.overrideHookStateRenamePath = overrideHookStateRenamePath;
@@ -30577,9 +30587,9 @@
container[internalContainerInstanceKey] = initialChildren.current;
listenToAllSupportedEvents(container);
return new ReactDOMHydrationRoot(initialChildren);
};
- exports.version = "19.3.0-canary-65eec428-20251218";
+ exports.version = "19.3.0-canary-4a3d993e-20260114";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());