Facebook/react
1
0
Fork 0
mirror of https://github.com/facebook/react.git synced 2025-11-01 09:12:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Prevent errors from comment node roots with enableViewTransition (#33205)

Browse Source 
We have many cases internally where the `containerInstance` resolves to
a comment node. `restoreRootViewTransitionName` is called when
`enableViewTransition` is on, even without introducing a
`<ViewTransition />`. So that means it can crash pages because
`containerInstance.style` is `undefined` just by turning on the flag.

This skips cancel/restore of root view transition name if a comment node is the root.

DiffTrain build for [3710c4d4f9](https://github.com/facebook/react/commit/3710c4d4f9ffb6aa07e291b822e4ec7d69ed5a32)
This commit is contained in:
jackpope
2025-05-21 11:04:06 -07:00
parent b4e4845711
commit a751637ed4
35 changed files with 357 additions and 282 deletions
Download Patch File Download Diff File Expand all files Collapse all files
compiled/facebook-www/REVISION
+1 -1
View File
@@ -1 +1 @@
2388481283640d034fd6b4edfca4f11e67953673
3710c4d4f9ffb6aa07e291b822e4ec7d69ed5a32
compiled/facebook-www/REVISION_TRANSFORMS
+1 -1
View File
@@ -1 +1 @@
2388481283640d034fd6b4edfca4f11e67953673
3710c4d4f9ffb6aa07e291b822e4ec7d69ed5a32
compiled/facebook-www/React-dev.classic.js
+1 -1
View File
@@ -1537,7 +1537,7 @@ __DEV__ &&
exports.useTransition = function () {
return resolveDispatcher().useTransition();
};
exports.version = "19.2.0-www-classic-23884812-20250520";
exports.version = "19.2.0-www-classic-3710c4d4-20250521";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/React-dev.modern.js
+1 -1
View File
@@ -1537,7 +1537,7 @@ __DEV__ &&
exports.useTransition = function () {
return resolveDispatcher().useTransition();
};
exports.version = "19.2.0-www-modern-23884812-20250520";
exports.version = "19.2.0-www-modern-3710c4d4-20250521";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/React-prod.classic.js
+1 -1
View File
@@ -635,4 +635,4 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.2.0-www-classic-23884812-20250520";
exports.version = "19.2.0-www-classic-3710c4d4-20250521";
compiled/facebook-www/React-prod.modern.js
+1 -1
View File
@@ -635,4 +635,4 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.2.0-www-modern-23884812-20250520";
exports.version = "19.2.0-www-modern-3710c4d4-20250521";
compiled/facebook-www/React-profiling.classic.js
+1 -1
View File
@@ -639,7 +639,7 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.2.0-www-classic-23884812-20250520";
exports.version = "19.2.0-www-classic-3710c4d4-20250521";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/React-profiling.modern.js
+1 -1
View File
@@ -639,7 +639,7 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.2.0-www-modern-23884812-20250520";
exports.version = "19.2.0-www-modern-3710c4d4-20250521";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactART-dev.classic.js
+3 -3
View File
@@ -19080,10 +19080,10 @@ __DEV__ &&
(function () {
var internals = {
bundleType: 1,
version: "19.2.0-www-classic-23884812-20250520",
version: "19.2.0-www-classic-3710c4d4-20250521",
rendererPackageName: "react-art",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-23884812-20250520"
reconcilerVersion: "19.2.0-www-classic-3710c4d4-20250521"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -19117,7 +19117,7 @@ __DEV__ &&
exports.Shape = Shape;
exports.Surface = Surface;
exports.Text = Text;
exports.version = "19.2.0-www-classic-23884812-20250520";
exports.version = "19.2.0-www-classic-3710c4d4-20250521";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactART-dev.modern.js
+3 -3
View File
@@ -18852,10 +18852,10 @@ __DEV__ &&
(function () {
var internals = {
bundleType: 1,
version: "19.2.0-www-modern-23884812-20250520",
version: "19.2.0-www-modern-3710c4d4-20250521",
rendererPackageName: "react-art",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-23884812-20250520"
reconcilerVersion: "19.2.0-www-modern-3710c4d4-20250521"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -18889,7 +18889,7 @@ __DEV__ &&
exports.Shape = Shape;
exports.Surface = Surface;
exports.Text = Text;
exports.version = "19.2.0-www-modern-23884812-20250520";
exports.version = "19.2.0-www-modern-3710c4d4-20250521";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactART-prod.classic.js
+3 -3
View File
@@ -11392,10 +11392,10 @@ var slice = Array.prototype.slice,
})(React.Component);
var internals$jscomp$inline_1624 = {
bundleType: 0,
version: "19.2.0-www-classic-23884812-20250520",
version: "19.2.0-www-classic-3710c4d4-20250521",
rendererPackageName: "react-art",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-23884812-20250520"
reconcilerVersion: "19.2.0-www-classic-3710c4d4-20250521"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_1625 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -11421,4 +11421,4 @@ exports.RadialGradient = RadialGradient;
exports.Shape = TYPES.SHAPE;
exports.Surface = Surface;
exports.Text = Text;
exports.version = "19.2.0-www-classic-23884812-20250520";
exports.version = "19.2.0-www-classic-3710c4d4-20250521";
compiled/facebook-www/ReactART-prod.modern.js
+3 -3
View File
@@ -11104,10 +11104,10 @@ var slice = Array.prototype.slice,
})(React.Component);
var internals$jscomp$inline_1597 = {
bundleType: 0,
version: "19.2.0-www-modern-23884812-20250520",
version: "19.2.0-www-modern-3710c4d4-20250521",
rendererPackageName: "react-art",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-23884812-20250520"
reconcilerVersion: "19.2.0-www-modern-3710c4d4-20250521"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_1598 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -11133,4 +11133,4 @@ exports.RadialGradient = RadialGradient;
exports.Shape = TYPES.SHAPE;
exports.Surface = Surface;
exports.Text = Text;
exports.version = "19.2.0-www-modern-23884812-20250520";
exports.version = "19.2.0-www-modern-3710c4d4-20250521";
compiled/facebook-www/ReactDOM-dev.classic.js
+40 -32
View File
@@ -16142,7 +16142,7 @@ __DEV__ &&
else
switch (finishedWork.tag) {
case 3:
viewTransitionContextChanged = !1;
rootViewTransitionNameCanceled = viewTransitionContextChanged = !1;
pushViewTransitionCancelableScope();
recursivelyTraverseAfterMutationEffects(root, finishedWork);
if (!viewTransitionContextChanged && !rootViewTransitionAffected) {
@@ -16165,29 +16165,34 @@ __DEV__ &&
);
}
finishedWork = root.containerInfo;
finishedWork =
i =
finishedWork.nodeType === DOCUMENT_NODE
? finishedWork.documentElement
: finishedWork.ownerDocument.documentElement;
null !== finishedWork &&
"" === finishedWork.style.viewTransitionName &&
((finishedWork.style.viewTransitionName = "none"),
finishedWork.animate(
{ opacity: [0, 0], pointerEvents: ["none", "none"] },
{
duration: 0,
fill: "forwards",
pseudoElement: "::view-transition-group(root)"
}
),
finishedWork.animate(
{ width: [0, 0], height: [0, 0] },
{
duration: 0,
fill: "forwards",
pseudoElement: "::view-transition"
}
));
finishedWork.nodeType === COMMENT_NODE
? console.warn(
"Cannot cancel root view transition on a comment node. All view transitions will be globally scoped."
)
: null !== i &&
"" === i.style.viewTransitionName &&
((i.style.viewTransitionName = "none"),
i.animate(
{ opacity: [0, 0], pointerEvents: ["none", "none"] },
{
duration: 0,
fill: "forwards",
pseudoElement: "::view-transition-group(root)"
}
),
i.animate(
{ width: [0, 0], height: [0, 0] },
{
duration: 0,
fill: "forwards",
pseudoElement: "::view-transition"
}
));
rootViewTransitionNameCanceled = !0;
}
viewTransitionCancelableChildren = null;
break;
@@ -16747,6 +16752,7 @@ __DEV__ &&
enableComponentPerformanceTrack &&
(inHydratedSubtree = wasInHydratedSubtree);
isViewTransitionEligible &&
rootViewTransitionNameCanceled &&
restoreRootViewTransitionName(finishedRoot.containerInfo);
if (
flags & 2048 &&
@@ -25150,12 +25156,13 @@ __DEV__ &&
: "HTML" === rootContainer.nodeName
? rootContainer.ownerDocument.body
: rootContainer;
"root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
rootContainer = rootContainer.ownerDocument.documentElement;
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
rootContainer.nodeType !== COMMENT_NODE &&
("root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""),
(rootContainer = rootContainer.ownerDocument.documentElement),
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""));
}
function createMeasurement(rect, computedStyle, element) {
element = element.ownerDocument.defaultView;
@@ -30230,6 +30237,7 @@ __DEV__ &&
viewTransitionContextChanged = !1,
inUpdateViewTransition = !1,
rootViewTransitionAffected = !1,
rootViewTransitionNameCanceled = !1,
hostParent = null,
hostParentIsContainer = !1,
currentHoistableRoot = null,
@@ -31447,11 +31455,11 @@ __DEV__ &&
return_targetInst = null;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.2.0-www-classic-23884812-20250520" !== isomorphicReactPackageVersion)
if ("19.2.0-www-classic-3710c4d4-20250521" !== 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-www-classic-23884812-20250520\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.2.0-www-classic-3710c4d4-20250521\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -31494,10 +31502,10 @@ __DEV__ &&
!(function () {
var internals = {
bundleType: 1,
version: "19.2.0-www-classic-23884812-20250520",
version: "19.2.0-www-classic-3710c4d4-20250521",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-23884812-20250520"
reconcilerVersion: "19.2.0-www-classic-3710c4d4-20250521"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -32097,7 +32105,7 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.2.0-www-classic-23884812-20250520";
exports.version = "19.2.0-www-classic-3710c4d4-20250521";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactDOM-dev.modern.js
+40 -32
View File
@@ -15941,7 +15941,7 @@ __DEV__ &&
else
switch (finishedWork.tag) {
case 3:
viewTransitionContextChanged = !1;
rootViewTransitionNameCanceled = viewTransitionContextChanged = !1;
pushViewTransitionCancelableScope();
recursivelyTraverseAfterMutationEffects(root, finishedWork);
if (!viewTransitionContextChanged && !rootViewTransitionAffected) {
@@ -15964,29 +15964,34 @@ __DEV__ &&
);
}
finishedWork = root.containerInfo;
finishedWork =
i =
finishedWork.nodeType === DOCUMENT_NODE
? finishedWork.documentElement
: finishedWork.ownerDocument.documentElement;
null !== finishedWork &&
"" === finishedWork.style.viewTransitionName &&
((finishedWork.style.viewTransitionName = "none"),
finishedWork.animate(
{ opacity: [0, 0], pointerEvents: ["none", "none"] },
{
duration: 0,
fill: "forwards",
pseudoElement: "::view-transition-group(root)"
}
),
finishedWork.animate(
{ width: [0, 0], height: [0, 0] },
{
duration: 0,
fill: "forwards",
pseudoElement: "::view-transition"
}
));
finishedWork.nodeType === COMMENT_NODE
? console.warn(
"Cannot cancel root view transition on a comment node. All view transitions will be globally scoped."
)
: null !== i &&
"" === i.style.viewTransitionName &&
((i.style.viewTransitionName = "none"),
i.animate(
{ opacity: [0, 0], pointerEvents: ["none", "none"] },
{
duration: 0,
fill: "forwards",
pseudoElement: "::view-transition-group(root)"
}
),
i.animate(
{ width: [0, 0], height: [0, 0] },
{
duration: 0,
fill: "forwards",
pseudoElement: "::view-transition"
}
));
rootViewTransitionNameCanceled = !0;
}
viewTransitionCancelableChildren = null;
break;
@@ -16546,6 +16551,7 @@ __DEV__ &&
enableComponentPerformanceTrack &&
(inHydratedSubtree = wasInHydratedSubtree);
isViewTransitionEligible &&
rootViewTransitionNameCanceled &&
restoreRootViewTransitionName(finishedRoot.containerInfo);
if (
flags & 2048 &&
@@ -24944,12 +24950,13 @@ __DEV__ &&
: "HTML" === rootContainer.nodeName
? rootContainer.ownerDocument.body
: rootContainer;
"root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
rootContainer = rootContainer.ownerDocument.documentElement;
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
rootContainer.nodeType !== COMMENT_NODE &&
("root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""),
(rootContainer = rootContainer.ownerDocument.documentElement),
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""));
}
function createMeasurement(rect, computedStyle, element) {
element = element.ownerDocument.defaultView;
@@ -30017,6 +30024,7 @@ __DEV__ &&
viewTransitionContextChanged = !1,
inUpdateViewTransition = !1,
rootViewTransitionAffected = !1,
rootViewTransitionNameCanceled = !1,
hostParent = null,
hostParentIsContainer = !1,
currentHoistableRoot = null,
@@ -31233,11 +31241,11 @@ __DEV__ &&
return_targetInst = null;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.2.0-www-modern-23884812-20250520" !== isomorphicReactPackageVersion)
if ("19.2.0-www-modern-3710c4d4-20250521" !== 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-www-modern-23884812-20250520\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.2.0-www-modern-3710c4d4-20250521\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -31280,10 +31288,10 @@ __DEV__ &&
!(function () {
var internals = {
bundleType: 1,
version: "19.2.0-www-modern-23884812-20250520",
version: "19.2.0-www-modern-3710c4d4-20250521",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-23884812-20250520"
reconcilerVersion: "19.2.0-www-modern-3710c4d4-20250521"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -31883,7 +31891,7 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.2.0-www-modern-23884812-20250520";
exports.version = "19.2.0-www-modern-3710c4d4-20250521";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactDOM-prod.classic.js
+24 -19
View File
@@ -9608,7 +9608,8 @@ var offscreenSubtreeIsHidden = !1,
shouldFireAfterActiveInstanceBlur = !1,
viewTransitionContextChanged = !1,
inUpdateViewTransition = !1,
rootViewTransitionAffected = !1;
rootViewTransitionAffected = !1,
rootViewTransitionNameCanceled = !1;
function commitBeforeMutationEffects(root, firstChild, committedLanes) {
root = root.containerInfo;
eventsEnabled = _enabled;
@@ -11101,7 +11102,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
else
switch (finishedWork.tag) {
case 3:
viewTransitionContextChanged = !1;
rootViewTransitionNameCanceled = viewTransitionContextChanged = !1;
pushViewTransitionCancelableScope();
recursivelyTraverseAfterMutationEffects(root, finishedWork);
if (!viewTransitionContextChanged && !rootViewTransitionAffected) {
@@ -11123,14 +11124,15 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
);
}
finishedWork = root.containerInfo;
finishedWork =
i =
9 === finishedWork.nodeType
? finishedWork.documentElement
: finishedWork.ownerDocument.documentElement;
null !== finishedWork &&
"" === finishedWork.style.viewTransitionName &&
((finishedWork.style.viewTransitionName = "none"),
finishedWork.animate(
8 !== finishedWork.nodeType &&
null !== i &&
"" === i.style.viewTransitionName &&
((i.style.viewTransitionName = "none"),
i.animate(
{ opacity: [0, 0], pointerEvents: ["none", "none"] },
{
duration: 0,
@@ -11138,7 +11140,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
pseudoElement: "::view-transition-group(root)"
}
),
finishedWork.animate(
i.animate(
{ width: [0, 0], height: [0, 0] },
{
duration: 0,
@@ -11146,6 +11148,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
pseudoElement: "::view-transition"
}
));
rootViewTransitionNameCanceled = !0;
}
viewTransitionCancelableChildren = null;
break;
@@ -11541,6 +11544,7 @@ function commitPassiveMountOnFiber(
committedTransitions
);
isViewTransitionEligible &&
rootViewTransitionNameCanceled &&
restoreRootViewTransitionName(finishedRoot.containerInfo);
if (
flags & 2048 &&
@@ -17243,12 +17247,13 @@ function restoreRootViewTransitionName(rootContainer) {
: "HTML" === rootContainer.nodeName
? rootContainer.ownerDocument.body
: rootContainer;
"root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
rootContainer = rootContainer.ownerDocument.documentElement;
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
8 !== rootContainer.nodeType &&
("root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""),
(rootContainer = rootContainer.ownerDocument.documentElement),
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""));
}
function createMeasurement(rect, computedStyle, element) {
element = element.ownerDocument.defaultView;
@@ -19564,14 +19569,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_2083 = React.version;
if (
"19.2.0-www-classic-23884812-20250520" !==
"19.2.0-www-classic-3710c4d4-20250521" !==
isomorphicReactPackageVersion$jscomp$inline_2083
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2083,
"19.2.0-www-classic-23884812-20250520"
"19.2.0-www-classic-3710c4d4-20250521"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -19589,10 +19594,10 @@ Internals.Events = [
];
var internals$jscomp$inline_2696 = {
bundleType: 0,
version: "19.2.0-www-classic-23884812-20250520",
version: "19.2.0-www-classic-3710c4d4-20250521",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-23884812-20250520"
reconcilerVersion: "19.2.0-www-classic-3710c4d4-20250521"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2697 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -20004,4 +20009,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.2.0-www-classic-23884812-20250520";
exports.version = "19.2.0-www-classic-3710c4d4-20250521";
compiled/facebook-www/ReactDOM-prod.modern.js
+24 -19
View File
@@ -9352,7 +9352,8 @@ var offscreenSubtreeIsHidden = !1,
shouldFireAfterActiveInstanceBlur = !1,
viewTransitionContextChanged = !1,
inUpdateViewTransition = !1,
rootViewTransitionAffected = !1;
rootViewTransitionAffected = !1,
rootViewTransitionNameCanceled = !1;
function commitBeforeMutationEffects(root, firstChild, committedLanes) {
root = root.containerInfo;
eventsEnabled = _enabled;
@@ -10845,7 +10846,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
else
switch (finishedWork.tag) {
case 3:
viewTransitionContextChanged = !1;
rootViewTransitionNameCanceled = viewTransitionContextChanged = !1;
pushViewTransitionCancelableScope();
recursivelyTraverseAfterMutationEffects(root, finishedWork);
if (!viewTransitionContextChanged && !rootViewTransitionAffected) {
@@ -10867,14 +10868,15 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
);
}
finishedWork = root.containerInfo;
finishedWork =
i =
9 === finishedWork.nodeType
? finishedWork.documentElement
: finishedWork.ownerDocument.documentElement;
null !== finishedWork &&
"" === finishedWork.style.viewTransitionName &&
((finishedWork.style.viewTransitionName = "none"),
finishedWork.animate(
8 !== finishedWork.nodeType &&
null !== i &&
"" === i.style.viewTransitionName &&
((i.style.viewTransitionName = "none"),
i.animate(
{ opacity: [0, 0], pointerEvents: ["none", "none"] },
{
duration: 0,
@@ -10882,7 +10884,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
pseudoElement: "::view-transition-group(root)"
}
),
finishedWork.animate(
i.animate(
{ width: [0, 0], height: [0, 0] },
{
duration: 0,
@@ -10890,6 +10892,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
pseudoElement: "::view-transition"
}
));
rootViewTransitionNameCanceled = !0;
}
viewTransitionCancelableChildren = null;
break;
@@ -11285,6 +11288,7 @@ function commitPassiveMountOnFiber(
committedTransitions
);
isViewTransitionEligible &&
rootViewTransitionNameCanceled &&
restoreRootViewTransitionName(finishedRoot.containerInfo);
if (
flags & 2048 &&
@@ -16972,12 +16976,13 @@ function restoreRootViewTransitionName(rootContainer) {
: "HTML" === rootContainer.nodeName
? rootContainer.ownerDocument.body
: rootContainer;
"root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
rootContainer = rootContainer.ownerDocument.documentElement;
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
8 !== rootContainer.nodeType &&
("root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""),
(rootContainer = rootContainer.ownerDocument.documentElement),
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""));
}
function createMeasurement(rect, computedStyle, element) {
element = element.ownerDocument.defaultView;
@@ -19293,14 +19298,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_2073 = React.version;
if (
"19.2.0-www-modern-23884812-20250520" !==
"19.2.0-www-modern-3710c4d4-20250521" !==
isomorphicReactPackageVersion$jscomp$inline_2073
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2073,
"19.2.0-www-modern-23884812-20250520"
"19.2.0-www-modern-3710c4d4-20250521"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -19318,10 +19323,10 @@ Internals.Events = [
];
var internals$jscomp$inline_2678 = {
bundleType: 0,
version: "19.2.0-www-modern-23884812-20250520",
version: "19.2.0-www-modern-3710c4d4-20250521",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-23884812-20250520"
reconcilerVersion: "19.2.0-www-modern-3710c4d4-20250521"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2679 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -19733,4 +19738,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.2.0-www-modern-23884812-20250520";
exports.version = "19.2.0-www-modern-3710c4d4-20250521";
compiled/facebook-www/ReactDOM-profiling.classic.js
+24 -19
View File
@@ -10370,7 +10370,8 @@ var offscreenSubtreeIsHidden = !1,
shouldFireAfterActiveInstanceBlur = !1,
viewTransitionContextChanged = !1,
inUpdateViewTransition = !1,
rootViewTransitionAffected = !1;
rootViewTransitionAffected = !1,
rootViewTransitionNameCanceled = !1;
function isHydratingParent(current, finishedWork) {
return 31 === finishedWork.tag
? ((finishedWork = finishedWork.memoizedState),
@@ -12054,7 +12055,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
else
switch (finishedWork.tag) {
case 3:
viewTransitionContextChanged = !1;
rootViewTransitionNameCanceled = viewTransitionContextChanged = !1;
pushViewTransitionCancelableScope();
recursivelyTraverseAfterMutationEffects(root, finishedWork);
if (!viewTransitionContextChanged && !rootViewTransitionAffected) {
@@ -12076,14 +12077,15 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
);
}
finishedWork = root.containerInfo;
finishedWork =
i =
9 === finishedWork.nodeType
? finishedWork.documentElement
: finishedWork.ownerDocument.documentElement;
null !== finishedWork &&
"" === finishedWork.style.viewTransitionName &&
((finishedWork.style.viewTransitionName = "none"),
finishedWork.animate(
8 !== finishedWork.nodeType &&
null !== i &&
"" === i.style.viewTransitionName &&
((i.style.viewTransitionName = "none"),
i.animate(
{ opacity: [0, 0], pointerEvents: ["none", "none"] },
{
duration: 0,
@@ -12091,7 +12093,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
pseudoElement: "::view-transition-group(root)"
}
),
finishedWork.animate(
i.animate(
{ width: [0, 0], height: [0, 0] },
{
duration: 0,
@@ -12099,6 +12101,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
pseudoElement: "::view-transition"
}
));
rootViewTransitionNameCanceled = !0;
}
viewTransitionCancelableChildren = null;
break;
@@ -12624,6 +12627,7 @@ function commitPassiveMountOnFiber(
enableComponentPerformanceTrack &&
(inHydratedSubtree = wasInHydratedSubtree);
isViewTransitionEligible &&
rootViewTransitionNameCanceled &&
restoreRootViewTransitionName(finishedRoot.containerInfo);
if (
flags & 2048 &&
@@ -19225,12 +19229,13 @@ function restoreRootViewTransitionName(rootContainer) {
: "HTML" === rootContainer.nodeName
? rootContainer.ownerDocument.body
: rootContainer;
"root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
rootContainer = rootContainer.ownerDocument.documentElement;
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
8 !== rootContainer.nodeType &&
("root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""),
(rootContainer = rootContainer.ownerDocument.documentElement),
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""));
}
function createMeasurement(rect, computedStyle, element) {
element = element.ownerDocument.defaultView;
@@ -21546,14 +21551,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_2327 = React.version;
if (
"19.2.0-www-classic-23884812-20250520" !==
"19.2.0-www-classic-3710c4d4-20250521" !==
isomorphicReactPackageVersion$jscomp$inline_2327
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2327,
"19.2.0-www-classic-23884812-20250520"
"19.2.0-www-classic-3710c4d4-20250521"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -21571,10 +21576,10 @@ Internals.Events = [
];
var internals$jscomp$inline_2329 = {
bundleType: 0,
version: "19.2.0-www-classic-23884812-20250520",
version: "19.2.0-www-classic-3710c4d4-20250521",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-23884812-20250520"
reconcilerVersion: "19.2.0-www-classic-3710c4d4-20250521"
};
enableSchedulingProfiler &&
((internals$jscomp$inline_2329.getLaneLabelMap = getLaneLabelMap),
@@ -21989,7 +21994,7 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.2.0-www-classic-23884812-20250520";
exports.version = "19.2.0-www-classic-3710c4d4-20250521";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactDOM-profiling.modern.js
+24 -19
View File
@@ -10183,7 +10183,8 @@ var offscreenSubtreeIsHidden = !1,
shouldFireAfterActiveInstanceBlur = !1,
viewTransitionContextChanged = !1,
inUpdateViewTransition = !1,
rootViewTransitionAffected = !1;
rootViewTransitionAffected = !1,
rootViewTransitionNameCanceled = !1;
function isHydratingParent(current, finishedWork) {
return 31 === finishedWork.tag
? ((finishedWork = finishedWork.memoizedState),
@@ -11867,7 +11868,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
else
switch (finishedWork.tag) {
case 3:
viewTransitionContextChanged = !1;
rootViewTransitionNameCanceled = viewTransitionContextChanged = !1;
pushViewTransitionCancelableScope();
recursivelyTraverseAfterMutationEffects(root, finishedWork);
if (!viewTransitionContextChanged && !rootViewTransitionAffected) {
@@ -11889,14 +11890,15 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
);
}
finishedWork = root.containerInfo;
finishedWork =
i =
9 === finishedWork.nodeType
? finishedWork.documentElement
: finishedWork.ownerDocument.documentElement;
null !== finishedWork &&
"" === finishedWork.style.viewTransitionName &&
((finishedWork.style.viewTransitionName = "none"),
finishedWork.animate(
8 !== finishedWork.nodeType &&
null !== i &&
"" === i.style.viewTransitionName &&
((i.style.viewTransitionName = "none"),
i.animate(
{ opacity: [0, 0], pointerEvents: ["none", "none"] },
{
duration: 0,
@@ -11904,7 +11906,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
pseudoElement: "::view-transition-group(root)"
}
),
finishedWork.animate(
i.animate(
{ width: [0, 0], height: [0, 0] },
{
duration: 0,
@@ -11912,6 +11914,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
pseudoElement: "::view-transition"
}
));
rootViewTransitionNameCanceled = !0;
}
viewTransitionCancelableChildren = null;
break;
@@ -12437,6 +12440,7 @@ function commitPassiveMountOnFiber(
enableComponentPerformanceTrack &&
(inHydratedSubtree = wasInHydratedSubtree);
isViewTransitionEligible &&
rootViewTransitionNameCanceled &&
restoreRootViewTransitionName(finishedRoot.containerInfo);
if (
flags & 2048 &&
@@ -19023,12 +19027,13 @@ function restoreRootViewTransitionName(rootContainer) {
: "HTML" === rootContainer.nodeName
? rootContainer.ownerDocument.body
: rootContainer;
"root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
rootContainer = rootContainer.ownerDocument.documentElement;
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
8 !== rootContainer.nodeType &&
("root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""),
(rootContainer = rootContainer.ownerDocument.documentElement),
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""));
}
function createMeasurement(rect, computedStyle, element) {
element = element.ownerDocument.defaultView;
@@ -21344,14 +21349,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_2317 = React.version;
if (
"19.2.0-www-modern-23884812-20250520" !==
"19.2.0-www-modern-3710c4d4-20250521" !==
isomorphicReactPackageVersion$jscomp$inline_2317
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2317,
"19.2.0-www-modern-23884812-20250520"
"19.2.0-www-modern-3710c4d4-20250521"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -21369,10 +21374,10 @@ Internals.Events = [
];
var internals$jscomp$inline_2319 = {
bundleType: 0,
version: "19.2.0-www-modern-23884812-20250520",
version: "19.2.0-www-modern-3710c4d4-20250521",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-23884812-20250520"
reconcilerVersion: "19.2.0-www-modern-3710c4d4-20250521"
};
enableSchedulingProfiler &&
((internals$jscomp$inline_2319.getLaneLabelMap = getLaneLabelMap),
@@ -21787,7 +21792,7 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.2.0-www-modern-23884812-20250520";
exports.version = "19.2.0-www-modern-3710c4d4-20250521";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactDOMServer-dev.classic.js
+1 -1
View File
@@ -10041,5 +10041,5 @@ __DEV__ &&
'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
);
};
exports.version = "19.2.0-www-classic-23884812-20250520";
exports.version = "19.2.0-www-classic-3710c4d4-20250521";
})();
compiled/facebook-www/ReactDOMServer-dev.modern.js
+1 -1
View File
@@ -9970,5 +9970,5 @@ __DEV__ &&
'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
);
};
exports.version = "19.2.0-www-modern-23884812-20250520";
exports.version = "19.2.0-www-modern-3710c4d4-20250521";
})();
compiled/facebook-www/ReactDOMServer-prod.classic.js
+1 -1
View File
@@ -6781,4 +6781,4 @@ exports.renderToString = function (children, options) {
'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
);
};
exports.version = "19.2.0-www-classic-23884812-20250520";
exports.version = "19.2.0-www-classic-3710c4d4-20250521";
compiled/facebook-www/ReactDOMServer-prod.modern.js
+1 -1
View File
@@ -6639,4 +6639,4 @@ exports.renderToString = function (children, options) {
'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
);
};
exports.version = "19.2.0-www-modern-23884812-20250520";
exports.version = "19.2.0-www-modern-3710c4d4-20250521";
compiled/facebook-www/ReactDOMTesting-dev.classic.js
+40 -32
View File
@@ -16183,7 +16183,7 @@ __DEV__ &&
else
switch (finishedWork.tag) {
case 3:
viewTransitionContextChanged = !1;
rootViewTransitionNameCanceled = viewTransitionContextChanged = !1;
pushViewTransitionCancelableScope();
recursivelyTraverseAfterMutationEffects(root, finishedWork);
if (!viewTransitionContextChanged && !rootViewTransitionAffected) {
@@ -16206,29 +16206,34 @@ __DEV__ &&
);
}
finishedWork = root.containerInfo;
finishedWork =
i =
finishedWork.nodeType === DOCUMENT_NODE
? finishedWork.documentElement
: finishedWork.ownerDocument.documentElement;
null !== finishedWork &&
"" === finishedWork.style.viewTransitionName &&
((finishedWork.style.viewTransitionName = "none"),
finishedWork.animate(
{ opacity: [0, 0], pointerEvents: ["none", "none"] },
{
duration: 0,
fill: "forwards",
pseudoElement: "::view-transition-group(root)"
}
),
finishedWork.animate(
{ width: [0, 0], height: [0, 0] },
{
duration: 0,
fill: "forwards",
pseudoElement: "::view-transition"
}
));
finishedWork.nodeType === COMMENT_NODE
? console.warn(
"Cannot cancel root view transition on a comment node. All view transitions will be globally scoped."
)
: null !== i &&
"" === i.style.viewTransitionName &&
((i.style.viewTransitionName = "none"),
i.animate(
{ opacity: [0, 0], pointerEvents: ["none", "none"] },
{
duration: 0,
fill: "forwards",
pseudoElement: "::view-transition-group(root)"
}
),
i.animate(
{ width: [0, 0], height: [0, 0] },
{
duration: 0,
fill: "forwards",
pseudoElement: "::view-transition"
}
));
rootViewTransitionNameCanceled = !0;
}
viewTransitionCancelableChildren = null;
break;
@@ -16788,6 +16793,7 @@ __DEV__ &&
enableComponentPerformanceTrack &&
(inHydratedSubtree = wasInHydratedSubtree);
isViewTransitionEligible &&
rootViewTransitionNameCanceled &&
restoreRootViewTransitionName(finishedRoot.containerInfo);
if (
flags & 2048 &&
@@ -25373,12 +25379,13 @@ __DEV__ &&
: "HTML" === rootContainer.nodeName
? rootContainer.ownerDocument.body
: rootContainer;
"root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
rootContainer = rootContainer.ownerDocument.documentElement;
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
rootContainer.nodeType !== COMMENT_NODE &&
("root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""),
(rootContainer = rootContainer.ownerDocument.documentElement),
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""));
}
function createMeasurement(rect, computedStyle, element) {
element = element.ownerDocument.defaultView;
@@ -30546,6 +30553,7 @@ __DEV__ &&
viewTransitionContextChanged = !1,
inUpdateViewTransition = !1,
rootViewTransitionAffected = !1,
rootViewTransitionNameCanceled = !1,
hostParent = null,
hostParentIsContainer = !1,
currentHoistableRoot = null,
@@ -31768,11 +31776,11 @@ __DEV__ &&
return_targetInst = null;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.2.0-www-classic-23884812-20250520" !== isomorphicReactPackageVersion)
if ("19.2.0-www-classic-3710c4d4-20250521" !== 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-www-classic-23884812-20250520\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.2.0-www-classic-3710c4d4-20250521\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -31815,10 +31823,10 @@ __DEV__ &&
!(function () {
var internals = {
bundleType: 1,
version: "19.2.0-www-classic-23884812-20250520",
version: "19.2.0-www-classic-3710c4d4-20250521",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-23884812-20250520"
reconcilerVersion: "19.2.0-www-classic-3710c4d4-20250521"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -32584,5 +32592,5 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.2.0-www-classic-23884812-20250520";
exports.version = "19.2.0-www-classic-3710c4d4-20250521";
})();
compiled/facebook-www/ReactDOMTesting-dev.modern.js
+40 -32
View File
@@ -15982,7 +15982,7 @@ __DEV__ &&
else
switch (finishedWork.tag) {
case 3:
viewTransitionContextChanged = !1;
rootViewTransitionNameCanceled = viewTransitionContextChanged = !1;
pushViewTransitionCancelableScope();
recursivelyTraverseAfterMutationEffects(root, finishedWork);
if (!viewTransitionContextChanged && !rootViewTransitionAffected) {
@@ -16005,29 +16005,34 @@ __DEV__ &&
);
}
finishedWork = root.containerInfo;
finishedWork =
i =
finishedWork.nodeType === DOCUMENT_NODE
? finishedWork.documentElement
: finishedWork.ownerDocument.documentElement;
null !== finishedWork &&
"" === finishedWork.style.viewTransitionName &&
((finishedWork.style.viewTransitionName = "none"),
finishedWork.animate(
{ opacity: [0, 0], pointerEvents: ["none", "none"] },
{
duration: 0,
fill: "forwards",
pseudoElement: "::view-transition-group(root)"
}
),
finishedWork.animate(
{ width: [0, 0], height: [0, 0] },
{
duration: 0,
fill: "forwards",
pseudoElement: "::view-transition"
}
));
finishedWork.nodeType === COMMENT_NODE
? console.warn(
"Cannot cancel root view transition on a comment node. All view transitions will be globally scoped."
)
: null !== i &&
"" === i.style.viewTransitionName &&
((i.style.viewTransitionName = "none"),
i.animate(
{ opacity: [0, 0], pointerEvents: ["none", "none"] },
{
duration: 0,
fill: "forwards",
pseudoElement: "::view-transition-group(root)"
}
),
i.animate(
{ width: [0, 0], height: [0, 0] },
{
duration: 0,
fill: "forwards",
pseudoElement: "::view-transition"
}
));
rootViewTransitionNameCanceled = !0;
}
viewTransitionCancelableChildren = null;
break;
@@ -16587,6 +16592,7 @@ __DEV__ &&
enableComponentPerformanceTrack &&
(inHydratedSubtree = wasInHydratedSubtree);
isViewTransitionEligible &&
rootViewTransitionNameCanceled &&
restoreRootViewTransitionName(finishedRoot.containerInfo);
if (
flags & 2048 &&
@@ -25167,12 +25173,13 @@ __DEV__ &&
: "HTML" === rootContainer.nodeName
? rootContainer.ownerDocument.body
: rootContainer;
"root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
rootContainer = rootContainer.ownerDocument.documentElement;
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
rootContainer.nodeType !== COMMENT_NODE &&
("root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""),
(rootContainer = rootContainer.ownerDocument.documentElement),
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""));
}
function createMeasurement(rect, computedStyle, element) {
element = element.ownerDocument.defaultView;
@@ -30333,6 +30340,7 @@ __DEV__ &&
viewTransitionContextChanged = !1,
inUpdateViewTransition = !1,
rootViewTransitionAffected = !1,
rootViewTransitionNameCanceled = !1,
hostParent = null,
hostParentIsContainer = !1,
currentHoistableRoot = null,
@@ -31554,11 +31562,11 @@ __DEV__ &&
return_targetInst = null;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.2.0-www-modern-23884812-20250520" !== isomorphicReactPackageVersion)
if ("19.2.0-www-modern-3710c4d4-20250521" !== 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-www-modern-23884812-20250520\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.2.0-www-modern-3710c4d4-20250521\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -31601,10 +31609,10 @@ __DEV__ &&
!(function () {
var internals = {
bundleType: 1,
version: "19.2.0-www-modern-23884812-20250520",
version: "19.2.0-www-modern-3710c4d4-20250521",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-23884812-20250520"
reconcilerVersion: "19.2.0-www-modern-3710c4d4-20250521"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -32370,5 +32378,5 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.2.0-www-modern-23884812-20250520";
exports.version = "19.2.0-www-modern-3710c4d4-20250521";
})();
compiled/facebook-www/ReactDOMTesting-prod.classic.js
+24 -19
View File
@@ -9694,7 +9694,8 @@ var offscreenSubtreeIsHidden = !1,
shouldFireAfterActiveInstanceBlur = !1,
viewTransitionContextChanged = !1,
inUpdateViewTransition = !1,
rootViewTransitionAffected = !1;
rootViewTransitionAffected = !1,
rootViewTransitionNameCanceled = !1;
function commitBeforeMutationEffects(root, firstChild, committedLanes) {
root = root.containerInfo;
eventsEnabled = _enabled;
@@ -11187,7 +11188,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
else
switch (finishedWork.tag) {
case 3:
viewTransitionContextChanged = !1;
rootViewTransitionNameCanceled = viewTransitionContextChanged = !1;
pushViewTransitionCancelableScope();
recursivelyTraverseAfterMutationEffects(root, finishedWork);
if (!viewTransitionContextChanged && !rootViewTransitionAffected) {
@@ -11209,14 +11210,15 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
);
}
finishedWork = root.containerInfo;
finishedWork =
i =
9 === finishedWork.nodeType
? finishedWork.documentElement
: finishedWork.ownerDocument.documentElement;
null !== finishedWork &&
"" === finishedWork.style.viewTransitionName &&
((finishedWork.style.viewTransitionName = "none"),
finishedWork.animate(
8 !== finishedWork.nodeType &&
null !== i &&
"" === i.style.viewTransitionName &&
((i.style.viewTransitionName = "none"),
i.animate(
{ opacity: [0, 0], pointerEvents: ["none", "none"] },
{
duration: 0,
@@ -11224,7 +11226,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
pseudoElement: "::view-transition-group(root)"
}
),
finishedWork.animate(
i.animate(
{ width: [0, 0], height: [0, 0] },
{
duration: 0,
@@ -11232,6 +11234,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
pseudoElement: "::view-transition"
}
));
rootViewTransitionNameCanceled = !0;
}
viewTransitionCancelableChildren = null;
break;
@@ -11627,6 +11630,7 @@ function commitPassiveMountOnFiber(
committedTransitions
);
isViewTransitionEligible &&
rootViewTransitionNameCanceled &&
restoreRootViewTransitionName(finishedRoot.containerInfo);
if (
flags & 2048 &&
@@ -17515,12 +17519,13 @@ function restoreRootViewTransitionName(rootContainer) {
: "HTML" === rootContainer.nodeName
? rootContainer.ownerDocument.body
: rootContainer;
"root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
rootContainer = rootContainer.ownerDocument.documentElement;
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
8 !== rootContainer.nodeType &&
("root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""),
(rootContainer = rootContainer.ownerDocument.documentElement),
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""));
}
function createMeasurement(rect, computedStyle, element) {
element = element.ownerDocument.defaultView;
@@ -19880,14 +19885,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_2112 = React.version;
if (
"19.2.0-www-classic-23884812-20250520" !==
"19.2.0-www-classic-3710c4d4-20250521" !==
isomorphicReactPackageVersion$jscomp$inline_2112
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2112,
"19.2.0-www-classic-23884812-20250520"
"19.2.0-www-classic-3710c4d4-20250521"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -19905,10 +19910,10 @@ Internals.Events = [
];
var internals$jscomp$inline_2730 = {
bundleType: 0,
version: "19.2.0-www-classic-23884812-20250520",
version: "19.2.0-www-classic-3710c4d4-20250521",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-23884812-20250520"
reconcilerVersion: "19.2.0-www-classic-3710c4d4-20250521"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2731 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -20471,4 +20476,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.2.0-www-classic-23884812-20250520";
exports.version = "19.2.0-www-classic-3710c4d4-20250521";
compiled/facebook-www/ReactDOMTesting-prod.modern.js
+24 -19
View File
@@ -9438,7 +9438,8 @@ var offscreenSubtreeIsHidden = !1,
shouldFireAfterActiveInstanceBlur = !1,
viewTransitionContextChanged = !1,
inUpdateViewTransition = !1,
rootViewTransitionAffected = !1;
rootViewTransitionAffected = !1,
rootViewTransitionNameCanceled = !1;
function commitBeforeMutationEffects(root, firstChild, committedLanes) {
root = root.containerInfo;
eventsEnabled = _enabled;
@@ -10931,7 +10932,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
else
switch (finishedWork.tag) {
case 3:
viewTransitionContextChanged = !1;
rootViewTransitionNameCanceled = viewTransitionContextChanged = !1;
pushViewTransitionCancelableScope();
recursivelyTraverseAfterMutationEffects(root, finishedWork);
if (!viewTransitionContextChanged && !rootViewTransitionAffected) {
@@ -10953,14 +10954,15 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
);
}
finishedWork = root.containerInfo;
finishedWork =
i =
9 === finishedWork.nodeType
? finishedWork.documentElement
: finishedWork.ownerDocument.documentElement;
null !== finishedWork &&
"" === finishedWork.style.viewTransitionName &&
((finishedWork.style.viewTransitionName = "none"),
finishedWork.animate(
8 !== finishedWork.nodeType &&
null !== i &&
"" === i.style.viewTransitionName &&
((i.style.viewTransitionName = "none"),
i.animate(
{ opacity: [0, 0], pointerEvents: ["none", "none"] },
{
duration: 0,
@@ -10968,7 +10970,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
pseudoElement: "::view-transition-group(root)"
}
),
finishedWork.animate(
i.animate(
{ width: [0, 0], height: [0, 0] },
{
duration: 0,
@@ -10976,6 +10978,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) {
pseudoElement: "::view-transition"
}
));
rootViewTransitionNameCanceled = !0;
}
viewTransitionCancelableChildren = null;
break;
@@ -11371,6 +11374,7 @@ function commitPassiveMountOnFiber(
committedTransitions
);
isViewTransitionEligible &&
rootViewTransitionNameCanceled &&
restoreRootViewTransitionName(finishedRoot.containerInfo);
if (
flags & 2048 &&
@@ -17244,12 +17248,13 @@ function restoreRootViewTransitionName(rootContainer) {
: "HTML" === rootContainer.nodeName
? rootContainer.ownerDocument.body
: rootContainer;
"root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
rootContainer = rootContainer.ownerDocument.documentElement;
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = "");
8 !== rootContainer.nodeType &&
("root" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""),
(rootContainer = rootContainer.ownerDocument.documentElement),
null !== rootContainer &&
"none" === rootContainer.style.viewTransitionName &&
(rootContainer.style.viewTransitionName = ""));
}
function createMeasurement(rect, computedStyle, element) {
element = element.ownerDocument.defaultView;
@@ -19609,14 +19614,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_2102 = React.version;
if (
"19.2.0-www-modern-23884812-20250520" !==
"19.2.0-www-modern-3710c4d4-20250521" !==
isomorphicReactPackageVersion$jscomp$inline_2102
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2102,
"19.2.0-www-modern-23884812-20250520"
"19.2.0-www-modern-3710c4d4-20250521"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -19634,10 +19639,10 @@ Internals.Events = [
];
var internals$jscomp$inline_2712 = {
bundleType: 0,
version: "19.2.0-www-modern-23884812-20250520",
version: "19.2.0-www-modern-3710c4d4-20250521",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-23884812-20250520"
reconcilerVersion: "19.2.0-www-modern-3710c4d4-20250521"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2713 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -20200,4 +20205,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.2.0-www-modern-23884812-20250520";
exports.version = "19.2.0-www-modern-3710c4d4-20250521";
compiled/facebook-www/ReactReconciler-dev.classic.js
+5 -2
View File
@@ -14210,7 +14210,7 @@ __DEV__ &&
else
switch (finishedWork.tag) {
case 3:
viewTransitionContextChanged = !1;
rootViewTransitionNameCanceled = viewTransitionContextChanged = !1;
pushViewTransitionCancelableScope();
recursivelyTraverseAfterMutationEffects(root, finishedWork);
if (!viewTransitionContextChanged && !rootViewTransitionAffected) {
@@ -14223,6 +14223,7 @@ __DEV__ &&
finishedWork[i + 2]
);
cancelRootViewTransitionName(root.containerInfo);
rootViewTransitionNameCanceled = !0;
}
viewTransitionCancelableChildren = null;
break;
@@ -14787,6 +14788,7 @@ __DEV__ &&
(inHydratedSubtree = wasInHydratedSubtree);
isViewTransitionEligible &&
supportsMutation &&
rootViewTransitionNameCanceled &&
restoreRootViewTransitionName(finishedRoot.containerInfo);
if (
flags & 2048 &&
@@ -21225,6 +21227,7 @@ __DEV__ &&
viewTransitionContextChanged = !1,
inUpdateViewTransition = !1,
rootViewTransitionAffected = !1,
rootViewTransitionNameCanceled = !1,
hostParent = null,
hostParentIsContainer = !1,
currentHoistableRoot = null,
@@ -21874,7 +21877,7 @@ __DEV__ &&
version: rendererVersion,
rendererPackageName: rendererPackageName,
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-23884812-20250520"
reconcilerVersion: "19.2.0-www-classic-3710c4d4-20250521"
};
null !== extraDevToolsConfig &&
(internals.rendererConfig = extraDevToolsConfig);
compiled/facebook-www/ReactReconciler-dev.modern.js
+5 -2
View File
@@ -14028,7 +14028,7 @@ __DEV__ &&
else
switch (finishedWork.tag) {
case 3:
viewTransitionContextChanged = !1;
rootViewTransitionNameCanceled = viewTransitionContextChanged = !1;
pushViewTransitionCancelableScope();
recursivelyTraverseAfterMutationEffects(root, finishedWork);
if (!viewTransitionContextChanged && !rootViewTransitionAffected) {
@@ -14041,6 +14041,7 @@ __DEV__ &&
finishedWork[i + 2]
);
cancelRootViewTransitionName(root.containerInfo);
rootViewTransitionNameCanceled = !0;
}
viewTransitionCancelableChildren = null;
break;
@@ -14605,6 +14606,7 @@ __DEV__ &&
(inHydratedSubtree = wasInHydratedSubtree);
isViewTransitionEligible &&
supportsMutation &&
rootViewTransitionNameCanceled &&
restoreRootViewTransitionName(finishedRoot.containerInfo);
if (
flags & 2048 &&
@@ -21006,6 +21008,7 @@ __DEV__ &&
viewTransitionContextChanged = !1,
inUpdateViewTransition = !1,
rootViewTransitionAffected = !1,
rootViewTransitionNameCanceled = !1,
hostParent = null,
hostParentIsContainer = !1,
currentHoistableRoot = null,
@@ -21655,7 +21658,7 @@ __DEV__ &&
version: rendererVersion,
rendererPackageName: rendererPackageName,
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-23884812-20250520"
reconcilerVersion: "19.2.0-www-modern-3710c4d4-20250521"
};
null !== extraDevToolsConfig &&
(internals.rendererConfig = extraDevToolsConfig);
compiled/facebook-www/ReactReconciler-prod.classic.js
+5 -2
View File
@@ -9767,7 +9767,7 @@ module.exports = function ($$$config) {
else
switch (finishedWork.tag) {
case 3:
viewTransitionContextChanged = !1;
rootViewTransitionNameCanceled = viewTransitionContextChanged = !1;
pushViewTransitionCancelableScope();
recursivelyTraverseAfterMutationEffects(root, finishedWork);
if (!viewTransitionContextChanged && !rootViewTransitionAffected) {
@@ -9780,6 +9780,7 @@ module.exports = function ($$$config) {
finishedWork[i + 2]
);
cancelRootViewTransitionName(root.containerInfo);
rootViewTransitionNameCanceled = !0;
}
viewTransitionCancelableChildren = null;
break;
@@ -10184,6 +10185,7 @@ module.exports = function ($$$config) {
);
isViewTransitionEligible &&
supportsMutation &&
rootViewTransitionNameCanceled &&
restoreRootViewTransitionName(finishedRoot.containerInfo);
if (
flags & 2048 &&
@@ -13676,6 +13678,7 @@ module.exports = function ($$$config) {
viewTransitionContextChanged = !1,
inUpdateViewTransition = !1,
rootViewTransitionAffected = !1,
rootViewTransitionNameCanceled = !1,
hostParent = null,
hostParentIsContainer = !1,
currentHoistableRoot = null,
@@ -14101,7 +14104,7 @@ module.exports = function ($$$config) {
version: rendererVersion,
rendererPackageName: rendererPackageName,
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-23884812-20250520"
reconcilerVersion: "19.2.0-www-classic-3710c4d4-20250521"
};
null !== extraDevToolsConfig &&
(internals.rendererConfig = extraDevToolsConfig);
compiled/facebook-www/ReactReconciler-prod.modern.js
+5 -2
View File
@@ -9522,7 +9522,7 @@ module.exports = function ($$$config) {
else
switch (finishedWork.tag) {
case 3:
viewTransitionContextChanged = !1;
rootViewTransitionNameCanceled = viewTransitionContextChanged = !1;
pushViewTransitionCancelableScope();
recursivelyTraverseAfterMutationEffects(root, finishedWork);
if (!viewTransitionContextChanged && !rootViewTransitionAffected) {
@@ -9535,6 +9535,7 @@ module.exports = function ($$$config) {
finishedWork[i + 2]
);
cancelRootViewTransitionName(root.containerInfo);
rootViewTransitionNameCanceled = !0;
}
viewTransitionCancelableChildren = null;
break;
@@ -9939,6 +9940,7 @@ module.exports = function ($$$config) {
);
isViewTransitionEligible &&
supportsMutation &&
rootViewTransitionNameCanceled &&
restoreRootViewTransitionName(finishedRoot.containerInfo);
if (
flags & 2048 &&
@@ -13393,6 +13395,7 @@ module.exports = function ($$$config) {
viewTransitionContextChanged = !1,
inUpdateViewTransition = !1,
rootViewTransitionAffected = !1,
rootViewTransitionNameCanceled = !1,
hostParent = null,
hostParentIsContainer = !1,
currentHoistableRoot = null,
@@ -13818,7 +13821,7 @@ module.exports = function ($$$config) {
version: rendererVersion,
rendererPackageName: rendererPackageName,
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-23884812-20250520"
reconcilerVersion: "19.2.0-www-modern-3710c4d4-20250521"
};
null !== extraDevToolsConfig &&
(internals.rendererConfig = extraDevToolsConfig);
compiled/facebook-www/ReactTestRenderer-dev.classic.js
+3 -3
View File
@@ -15386,10 +15386,10 @@ __DEV__ &&
(function () {
var internals = {
bundleType: 1,
version: "19.2.0-www-classic-23884812-20250520",
version: "19.2.0-www-classic-3710c4d4-20250521",
rendererPackageName: "react-test-renderer",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-23884812-20250520"
reconcilerVersion: "19.2.0-www-classic-3710c4d4-20250521"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -15524,5 +15524,5 @@ __DEV__ &&
exports.unstable_batchedUpdates = function (fn, a) {
return fn(a);
};
exports.version = "19.2.0-www-classic-23884812-20250520";
exports.version = "19.2.0-www-classic-3710c4d4-20250521";
})();
compiled/facebook-www/ReactTestRenderer-dev.modern.js
+3 -3
View File
@@ -15386,10 +15386,10 @@ __DEV__ &&
(function () {
var internals = {
bundleType: 1,
version: "19.2.0-www-modern-23884812-20250520",
version: "19.2.0-www-modern-3710c4d4-20250521",
rendererPackageName: "react-test-renderer",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-23884812-20250520"
reconcilerVersion: "19.2.0-www-modern-3710c4d4-20250521"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -15524,5 +15524,5 @@ __DEV__ &&
exports.unstable_batchedUpdates = function (fn, a) {
return fn(a);
};
exports.version = "19.2.0-www-modern-23884812-20250520";
exports.version = "19.2.0-www-modern-3710c4d4-20250521";
})();
compiled/facebook-www/VERSION_CLASSIC
+1 -1
View File
@@ -1 +1 @@
19.2.0-www-classic-23884812-20250520
19.2.0-www-classic-3710c4d4-20250521
compiled/facebook-www/VERSION_MODERN
+1 -1
View File
@@ -1 +1 @@
19.2.0-www-modern-23884812-20250520
19.2.0-www-modern-3710c4d4-20250521
compiled/facebook-www/__test_utils__/ReactAllWarnings.js
+1
View File
@@ -105,6 +105,7 @@ export default [
"Can't perform a React state update on a component that hasn't mounted yet. This indicates that you have a side-effect in your render function that asynchronously later calls tries to update the component. Move this work to useEffect instead.",
"Cannot bind \"this\" of a Server Action. Pass null or undefined as the first argument to .bind().",
"Cannot call startTransition while rendering.",
"Cannot cancel root view transition on a comment node. All view transitions will be globally scoped.",
"Cannot find single active touch.",
"Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to <option>.",
"Cannot record touch end without a touch start.\nTouch End: %s\nTouch Bank: %s",