Fix asserts caused by OffscreenComponent rendering in React Native with passChildrenWhenCloningPersistedNodes (#32528)

<!--
  Thanks for submitting a pull request!
We appreciate you spending the time to work on these changes. Please
provide enough information so that others can review your pull request.
The three fields below are mandatory.

Before submitting a pull request, please make sure the following is
done:

1. Fork [the repository](https://github.com/facebook/react) and create
your branch from `main`.
  2. Run `yarn` in the repository root.
3. If you've fixed a bug or added code that should be tested, add tests!
4. Ensure the test suite passes (`yarn test`). Tip: `yarn test --watch
TestName` is helpful in development.
5. Run `yarn test --prod` to test in the production environment. It
supports the same options as `yarn test`.
6. If you need a debugger, run `yarn test --debug --watch TestName`,
open `chrome://inspect`, and press "Inspect".
7. Format your code with
[prettier](https://github.com/prettier/prettier) (`yarn prettier`).
8. Make sure your code lints (`yarn lint`). Tip: `yarn linc` to only
check changed files.
  9. Run the [Flow](https://flowtype.org/) type checks (`yarn flow`).
  10. If you haven't already, complete the CLA.

Learn more about contributing:
https://reactjs.org/docs/how-to-contribute.html
-->

## Summary

<!--
Explain the **motivation** for making this change. What existing problem
does the pull request solve?
-->

This PR fixes asserts when `passChildrenWhenCloningPersistedNodes` is
enabled for React Native and OffscreenComponent child rendering unhides
host components.

Discussions around possible fixes for the asserts seen in React Native
suggested changing the way we handle hiding/unhiding host components by
updating the fiber state with the hidden host component instead of
submitting a hidden clone Fabric and keeping the original as the current
fiber.

Implementing this fix would require holding onto the original styling of
the hidden host component. The reconciler updates the styling by adding
`display: none` to hide the contents. If the original host component was
already hidden, the renderer would lose that information and remove the
styling when showing the contents again.

To reduce the changes required to make
`passChildrenWhenCloningPersistedNodes` work, this PR falls back to the
original cloning method when OffscreenComponents are part of the
children needed to be added back. This effectively resolve the asserts
triggered by the feature in RN and improves overall performance.

## How did you test this change?

<!--
Demonstrate the code is solid. Example: The exact commands you ran and
their output, screenshots / videos if the pull request changes the user
interface.
How exactly did you verify that your PR solves the issue you wanted to
solve?
  If you leave this empty, your PR will very likely be closed.
-->

This fix was tested by enabling `passChildrenWhenCloningPersistedNodes`
in an app built with React Native that had a repro for triggering the
asserts. The asserts do not occur anymore when using the changes in this
PR.

---------

Co-authored-by: Nick <lefever@meta.com>

DiffTrain build for [cc680065c3](https://github.com/facebook/react/commit/cc680065c33739cc4c8cd2e8a67312b0c16a6ccc)
This commit is contained in:
sammy-SC
2025-03-07 09:09:54 -08:00
committed by sammy-SC
co-authored by Nick
parent e4426d03da
commit a3e4ff9ac3
34 changed files with 122 additions and 102 deletions
+1 -1
View File
@@ -1 +1 @@
f9d78089c6ec8dce3a11cdf135d6d27b7a8dc1c5
cc680065c33739cc4c8cd2e8a67312b0c16a6ccc
+1 -1
View File
@@ -1 +1 @@
f9d78089c6ec8dce3a11cdf135d6d27b7a8dc1c5
cc680065c33739cc4c8cd2e8a67312b0c16a6ccc
+1 -1
View File
@@ -1532,7 +1532,7 @@ __DEV__ &&
exports.useTransition = function () {
return resolveDispatcher().useTransition();
};
exports.version = "19.1.0-www-classic-f9d78089-20250306";
exports.version = "19.1.0-www-classic-cc680065-20250307";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
+1 -1
View File
@@ -1532,7 +1532,7 @@ __DEV__ &&
exports.useTransition = function () {
return resolveDispatcher().useTransition();
};
exports.version = "19.1.0-www-modern-f9d78089-20250306";
exports.version = "19.1.0-www-modern-cc680065-20250307";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
+1 -1
View File
@@ -641,4 +641,4 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.1.0-www-classic-f9d78089-20250306";
exports.version = "19.1.0-www-classic-cc680065-20250307";
+1 -1
View File
@@ -641,4 +641,4 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.1.0-www-modern-f9d78089-20250306";
exports.version = "19.1.0-www-modern-cc680065-20250307";
@@ -645,7 +645,7 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.1.0-www-classic-f9d78089-20250306";
exports.version = "19.1.0-www-classic-cc680065-20250307";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
@@ -645,7 +645,7 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.1.0-www-modern-f9d78089-20250306";
exports.version = "19.1.0-www-modern-cc680065-20250307";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
@@ -18486,10 +18486,10 @@ __DEV__ &&
(function () {
var internals = {
bundleType: 1,
version: "19.1.0-www-classic-f9d78089-20250306",
version: "19.1.0-www-classic-cc680065-20250307",
rendererPackageName: "react-art",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-classic-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-classic-cc680065-20250307"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -18523,7 +18523,7 @@ __DEV__ &&
exports.Shape = Shape;
exports.Surface = Surface;
exports.Text = Text;
exports.version = "19.1.0-www-classic-f9d78089-20250306";
exports.version = "19.1.0-www-classic-cc680065-20250307";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
+3 -3
View File
@@ -18258,10 +18258,10 @@ __DEV__ &&
(function () {
var internals = {
bundleType: 1,
version: "19.1.0-www-modern-f9d78089-20250306",
version: "19.1.0-www-modern-cc680065-20250307",
rendererPackageName: "react-art",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-modern-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-modern-cc680065-20250307"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -18295,7 +18295,7 @@ __DEV__ &&
exports.Shape = Shape;
exports.Surface = Surface;
exports.Text = Text;
exports.version = "19.1.0-www-modern-f9d78089-20250306";
exports.version = "19.1.0-www-modern-cc680065-20250307";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
@@ -11299,10 +11299,10 @@ var slice = Array.prototype.slice,
})(React.Component);
var internals$jscomp$inline_1582 = {
bundleType: 0,
version: "19.1.0-www-classic-f9d78089-20250306",
version: "19.1.0-www-classic-cc680065-20250307",
rendererPackageName: "react-art",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-classic-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-classic-cc680065-20250307"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_1583 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -11328,4 +11328,4 @@ exports.RadialGradient = RadialGradient;
exports.Shape = TYPES.SHAPE;
exports.Surface = Surface;
exports.Text = Text;
exports.version = "19.1.0-www-classic-f9d78089-20250306";
exports.version = "19.1.0-www-classic-cc680065-20250307";
@@ -11014,10 +11014,10 @@ var slice = Array.prototype.slice,
})(React.Component);
var internals$jscomp$inline_1555 = {
bundleType: 0,
version: "19.1.0-www-modern-f9d78089-20250306",
version: "19.1.0-www-modern-cc680065-20250307",
rendererPackageName: "react-art",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-modern-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-modern-cc680065-20250307"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_1556 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -11043,4 +11043,4 @@ exports.RadialGradient = RadialGradient;
exports.Shape = TYPES.SHAPE;
exports.Surface = Surface;
exports.Text = Text;
exports.version = "19.1.0-www-modern-f9d78089-20250306";
exports.version = "19.1.0-www-modern-cc680065-20250307";
@@ -29832,11 +29832,11 @@ __DEV__ &&
return_targetInst = null;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.1.0-www-classic-f9d78089-20250306" !== isomorphicReactPackageVersion)
if ("19.1.0-www-classic-cc680065-20250307" !== isomorphicReactPackageVersion)
throw Error(
'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
(isomorphicReactPackageVersion +
"\n - react-dom: 19.1.0-www-classic-f9d78089-20250306\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.1.0-www-classic-cc680065-20250307\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -29879,10 +29879,10 @@ __DEV__ &&
!(function () {
var internals = {
bundleType: 1,
version: "19.1.0-www-classic-f9d78089-20250306",
version: "19.1.0-www-classic-cc680065-20250307",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-classic-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-classic-cc680065-20250307"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -30480,7 +30480,7 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.1.0-www-classic-f9d78089-20250306";
exports.version = "19.1.0-www-classic-cc680065-20250307";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
+5 -5
View File
@@ -29618,11 +29618,11 @@ __DEV__ &&
return_targetInst = null;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.1.0-www-modern-f9d78089-20250306" !== isomorphicReactPackageVersion)
if ("19.1.0-www-modern-cc680065-20250307" !== isomorphicReactPackageVersion)
throw Error(
'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
(isomorphicReactPackageVersion +
"\n - react-dom: 19.1.0-www-modern-f9d78089-20250306\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.1.0-www-modern-cc680065-20250307\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -29665,10 +29665,10 @@ __DEV__ &&
!(function () {
var internals = {
bundleType: 1,
version: "19.1.0-www-modern-f9d78089-20250306",
version: "19.1.0-www-modern-cc680065-20250307",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-modern-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-modern-cc680065-20250307"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -30266,7 +30266,7 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.1.0-www-modern-f9d78089-20250306";
exports.version = "19.1.0-www-modern-cc680065-20250307";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
@@ -18599,14 +18599,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_1900 = React.version;
if (
"19.1.0-www-classic-f9d78089-20250306" !==
"19.1.0-www-classic-cc680065-20250307" !==
isomorphicReactPackageVersion$jscomp$inline_1900
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_1900,
"19.1.0-www-classic-f9d78089-20250306"
"19.1.0-www-classic-cc680065-20250307"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -18624,10 +18624,10 @@ Internals.Events = [
];
var internals$jscomp$inline_2473 = {
bundleType: 0,
version: "19.1.0-www-classic-f9d78089-20250306",
version: "19.1.0-www-classic-cc680065-20250307",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-classic-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-classic-cc680065-20250307"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2474 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -18991,4 +18991,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.1.0-www-classic-f9d78089-20250306";
exports.version = "19.1.0-www-classic-cc680065-20250307";
@@ -18330,14 +18330,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_1890 = React.version;
if (
"19.1.0-www-modern-f9d78089-20250306" !==
"19.1.0-www-modern-cc680065-20250307" !==
isomorphicReactPackageVersion$jscomp$inline_1890
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_1890,
"19.1.0-www-modern-f9d78089-20250306"
"19.1.0-www-modern-cc680065-20250307"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -18355,10 +18355,10 @@ Internals.Events = [
];
var internals$jscomp$inline_2455 = {
bundleType: 0,
version: "19.1.0-www-modern-f9d78089-20250306",
version: "19.1.0-www-modern-cc680065-20250307",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-modern-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-modern-cc680065-20250307"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2456 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -18722,4 +18722,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.1.0-www-modern-f9d78089-20250306";
exports.version = "19.1.0-www-modern-cc680065-20250307";
@@ -20341,14 +20341,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_2060 = React.version;
if (
"19.1.0-www-classic-f9d78089-20250306" !==
"19.1.0-www-classic-cc680065-20250307" !==
isomorphicReactPackageVersion$jscomp$inline_2060
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2060,
"19.1.0-www-classic-f9d78089-20250306"
"19.1.0-www-classic-cc680065-20250307"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -20366,10 +20366,10 @@ Internals.Events = [
];
var internals$jscomp$inline_2062 = {
bundleType: 0,
version: "19.1.0-www-classic-f9d78089-20250306",
version: "19.1.0-www-classic-cc680065-20250307",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-classic-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-classic-cc680065-20250307"
};
enableSchedulingProfiler &&
((internals$jscomp$inline_2062.getLaneLabelMap = getLaneLabelMap),
@@ -20736,7 +20736,7 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.1.0-www-classic-f9d78089-20250306";
exports.version = "19.1.0-www-classic-cc680065-20250307";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
@@ -20139,14 +20139,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_2050 = React.version;
if (
"19.1.0-www-modern-f9d78089-20250306" !==
"19.1.0-www-modern-cc680065-20250307" !==
isomorphicReactPackageVersion$jscomp$inline_2050
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2050,
"19.1.0-www-modern-f9d78089-20250306"
"19.1.0-www-modern-cc680065-20250307"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -20164,10 +20164,10 @@ Internals.Events = [
];
var internals$jscomp$inline_2052 = {
bundleType: 0,
version: "19.1.0-www-modern-f9d78089-20250306",
version: "19.1.0-www-modern-cc680065-20250307",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-modern-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-modern-cc680065-20250307"
};
enableSchedulingProfiler &&
((internals$jscomp$inline_2052.getLaneLabelMap = getLaneLabelMap),
@@ -20534,7 +20534,7 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.1.0-www-modern-f9d78089-20250306";
exports.version = "19.1.0-www-modern-cc680065-20250307";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
@@ -9412,5 +9412,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.1.0-www-classic-f9d78089-20250306";
exports.version = "19.1.0-www-classic-cc680065-20250307";
})();
@@ -9238,5 +9238,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.1.0-www-modern-f9d78089-20250306";
exports.version = "19.1.0-www-modern-cc680065-20250307";
})();
@@ -6196,4 +6196,4 @@ exports.renderToString = function (children, options) {
'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
);
};
exports.version = "19.1.0-www-classic-f9d78089-20250306";
exports.version = "19.1.0-www-classic-cc680065-20250307";
@@ -6108,4 +6108,4 @@ exports.renderToString = function (children, options) {
'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
);
};
exports.version = "19.1.0-www-modern-f9d78089-20250306";
exports.version = "19.1.0-www-modern-cc680065-20250307";
@@ -30166,11 +30166,11 @@ __DEV__ &&
return_targetInst = null;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.1.0-www-classic-f9d78089-20250306" !== isomorphicReactPackageVersion)
if ("19.1.0-www-classic-cc680065-20250307" !== isomorphicReactPackageVersion)
throw Error(
'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
(isomorphicReactPackageVersion +
"\n - react-dom: 19.1.0-www-classic-f9d78089-20250306\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.1.0-www-classic-cc680065-20250307\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -30213,10 +30213,10 @@ __DEV__ &&
!(function () {
var internals = {
bundleType: 1,
version: "19.1.0-www-classic-f9d78089-20250306",
version: "19.1.0-www-classic-cc680065-20250307",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-classic-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-classic-cc680065-20250307"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -30980,5 +30980,5 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.1.0-www-classic-f9d78089-20250306";
exports.version = "19.1.0-www-classic-cc680065-20250307";
})();
@@ -29952,11 +29952,11 @@ __DEV__ &&
return_targetInst = null;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.1.0-www-modern-f9d78089-20250306" !== isomorphicReactPackageVersion)
if ("19.1.0-www-modern-cc680065-20250307" !== isomorphicReactPackageVersion)
throw Error(
'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
(isomorphicReactPackageVersion +
"\n - react-dom: 19.1.0-www-modern-f9d78089-20250306\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.1.0-www-modern-cc680065-20250307\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -29999,10 +29999,10 @@ __DEV__ &&
!(function () {
var internals = {
bundleType: 1,
version: "19.1.0-www-modern-f9d78089-20250306",
version: "19.1.0-www-modern-cc680065-20250307",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-modern-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-modern-cc680065-20250307"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -30766,5 +30766,5 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.1.0-www-modern-f9d78089-20250306";
exports.version = "19.1.0-www-modern-cc680065-20250307";
})();
@@ -18928,14 +18928,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_1929 = React.version;
if (
"19.1.0-www-classic-f9d78089-20250306" !==
"19.1.0-www-classic-cc680065-20250307" !==
isomorphicReactPackageVersion$jscomp$inline_1929
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_1929,
"19.1.0-www-classic-f9d78089-20250306"
"19.1.0-www-classic-cc680065-20250307"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -18953,10 +18953,10 @@ Internals.Events = [
];
var internals$jscomp$inline_2507 = {
bundleType: 0,
version: "19.1.0-www-classic-f9d78089-20250306",
version: "19.1.0-www-classic-cc680065-20250307",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-classic-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-classic-cc680065-20250307"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2508 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -19471,4 +19471,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.1.0-www-classic-f9d78089-20250306";
exports.version = "19.1.0-www-classic-cc680065-20250307";
@@ -18659,14 +18659,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_1919 = React.version;
if (
"19.1.0-www-modern-f9d78089-20250306" !==
"19.1.0-www-modern-cc680065-20250307" !==
isomorphicReactPackageVersion$jscomp$inline_1919
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_1919,
"19.1.0-www-modern-f9d78089-20250306"
"19.1.0-www-modern-cc680065-20250307"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -18684,10 +18684,10 @@ Internals.Events = [
];
var internals$jscomp$inline_2489 = {
bundleType: 0,
version: "19.1.0-www-modern-f9d78089-20250306",
version: "19.1.0-www-modern-cc680065-20250307",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-modern-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-modern-cc680065-20250307"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2490 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -19202,4 +19202,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.1.0-www-modern-f9d78089-20250306";
exports.version = "19.1.0-www-modern-cc680065-20250307";
@@ -10055,6 +10055,7 @@ __DEV__ &&
needsVisibilityToggle,
isHidden
) {
var hasOffscreenComponentChild = !1;
if (supportsPersistence)
for (var node = workInProgress.child; null !== node; ) {
if (5 === node.tag) {
@@ -10078,8 +10079,9 @@ __DEV__ &&
appendChildToContainerChildSet(containerChildSet, instance);
else if (4 !== node.tag)
if (22 === node.tag && null !== node.memoizedState)
(instance = node.child),
null !== instance && (instance.return = node),
(hasOffscreenComponentChild = node.child),
null !== hasOffscreenComponentChild &&
(hasOffscreenComponentChild.return = node),
appendAllChildrenToContainer(
containerChildSet,
node,
@@ -10088,7 +10090,8 @@ __DEV__ &&
"manual" === node.memoizedProps.mode
),
!0
);
),
(hasOffscreenComponentChild = !0);
else if (null !== node.child) {
node.child.return = node;
node = node.child;
@@ -10096,12 +10099,14 @@ __DEV__ &&
}
if (node === workInProgress) break;
for (; null === node.sibling; ) {
if (null === node.return || node.return === workInProgress) return;
if (null === node.return || node.return === workInProgress)
return hasOffscreenComponentChild;
node = node.return;
}
node.sibling.return = node.return;
node = node.sibling;
}
return hasOffscreenComponentChild;
}
function updateHostContainer(current, workInProgress) {
if (supportsPersistence && doesRequireClone(current, workInProgress)) {
@@ -21104,7 +21109,7 @@ __DEV__ &&
version: rendererVersion,
rendererPackageName: rendererPackageName,
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-classic-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-classic-cc680065-20250307"
};
null !== extraDevToolsConfig &&
(internals.rendererConfig = extraDevToolsConfig);
@@ -9887,6 +9887,7 @@ __DEV__ &&
needsVisibilityToggle,
isHidden
) {
var hasOffscreenComponentChild = !1;
if (supportsPersistence)
for (var node = workInProgress.child; null !== node; ) {
if (5 === node.tag) {
@@ -9910,8 +9911,9 @@ __DEV__ &&
appendChildToContainerChildSet(containerChildSet, instance);
else if (4 !== node.tag)
if (22 === node.tag && null !== node.memoizedState)
(instance = node.child),
null !== instance && (instance.return = node),
(hasOffscreenComponentChild = node.child),
null !== hasOffscreenComponentChild &&
(hasOffscreenComponentChild.return = node),
appendAllChildrenToContainer(
containerChildSet,
node,
@@ -9920,7 +9922,8 @@ __DEV__ &&
"manual" === node.memoizedProps.mode
),
!0
);
),
(hasOffscreenComponentChild = !0);
else if (null !== node.child) {
node.child.return = node;
node = node.child;
@@ -9928,12 +9931,14 @@ __DEV__ &&
}
if (node === workInProgress) break;
for (; null === node.sibling; ) {
if (null === node.return || node.return === workInProgress) return;
if (null === node.return || node.return === workInProgress)
return hasOffscreenComponentChild;
node = node.return;
}
node.sibling.return = node.return;
node = node.sibling;
}
return hasOffscreenComponentChild;
}
function updateHostContainer(current, workInProgress) {
if (supportsPersistence && doesRequireClone(current, workInProgress)) {
@@ -20885,7 +20890,7 @@ __DEV__ &&
version: rendererVersion,
rendererPackageName: rendererPackageName,
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-modern-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-modern-cc680065-20250307"
};
null !== extraDevToolsConfig &&
(internals.rendererConfig = extraDevToolsConfig);
@@ -6643,6 +6643,7 @@ module.exports = function ($$$config) {
needsVisibilityToggle,
isHidden
) {
var hasOffscreenComponentChild = !1;
if (supportsPersistence)
for (var node = workInProgress.child; null !== node; ) {
if (5 === node.tag) {
@@ -6666,8 +6667,9 @@ module.exports = function ($$$config) {
appendChildToContainerChildSet(containerChildSet, instance);
else if (4 !== node.tag)
if (22 === node.tag && null !== node.memoizedState)
(instance = node.child),
null !== instance && (instance.return = node),
(hasOffscreenComponentChild = node.child),
null !== hasOffscreenComponentChild &&
(hasOffscreenComponentChild.return = node),
appendAllChildrenToContainer(
containerChildSet,
node,
@@ -6676,7 +6678,8 @@ module.exports = function ($$$config) {
"manual" === node.memoizedProps.mode
),
!0
);
),
(hasOffscreenComponentChild = !0);
else if (null !== node.child) {
node.child.return = node;
node = node.child;
@@ -6684,12 +6687,14 @@ module.exports = function ($$$config) {
}
if (node === workInProgress) break;
for (; null === node.sibling; ) {
if (null === node.return || node.return === workInProgress) return;
if (null === node.return || node.return === workInProgress)
return hasOffscreenComponentChild;
node = node.return;
}
node.sibling.return = node.return;
node = node.sibling;
}
return hasOffscreenComponentChild;
}
function updateHostContainer(current, workInProgress) {
if (supportsPersistence && doesRequireClone(current, workInProgress)) {
@@ -13806,7 +13811,7 @@ module.exports = function ($$$config) {
version: rendererVersion,
rendererPackageName: rendererPackageName,
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-classic-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-classic-cc680065-20250307"
};
null !== extraDevToolsConfig &&
(internals.rendererConfig = extraDevToolsConfig);
@@ -6419,6 +6419,7 @@ module.exports = function ($$$config) {
needsVisibilityToggle,
isHidden
) {
var hasOffscreenComponentChild = !1;
if (supportsPersistence)
for (var node = workInProgress.child; null !== node; ) {
if (5 === node.tag) {
@@ -6442,8 +6443,9 @@ module.exports = function ($$$config) {
appendChildToContainerChildSet(containerChildSet, instance);
else if (4 !== node.tag)
if (22 === node.tag && null !== node.memoizedState)
(instance = node.child),
null !== instance && (instance.return = node),
(hasOffscreenComponentChild = node.child),
null !== hasOffscreenComponentChild &&
(hasOffscreenComponentChild.return = node),
appendAllChildrenToContainer(
containerChildSet,
node,
@@ -6452,7 +6454,8 @@ module.exports = function ($$$config) {
"manual" === node.memoizedProps.mode
),
!0
);
),
(hasOffscreenComponentChild = !0);
else if (null !== node.child) {
node.child.return = node;
node = node.child;
@@ -6460,12 +6463,14 @@ module.exports = function ($$$config) {
}
if (node === workInProgress) break;
for (; null === node.sibling; ) {
if (null === node.return || node.return === workInProgress) return;
if (null === node.return || node.return === workInProgress)
return hasOffscreenComponentChild;
node = node.return;
}
node.sibling.return = node.return;
node = node.sibling;
}
return hasOffscreenComponentChild;
}
function updateHostContainer(current, workInProgress) {
if (supportsPersistence && doesRequireClone(current, workInProgress)) {
@@ -13525,7 +13530,7 @@ module.exports = function ($$$config) {
version: rendererVersion,
rendererPackageName: rendererPackageName,
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-modern-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-modern-cc680065-20250307"
};
null !== extraDevToolsConfig &&
(internals.rendererConfig = extraDevToolsConfig);
@@ -15040,10 +15040,10 @@ __DEV__ &&
(function () {
var internals = {
bundleType: 1,
version: "19.1.0-www-classic-f9d78089-20250306",
version: "19.1.0-www-classic-cc680065-20250307",
rendererPackageName: "react-test-renderer",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-classic-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-classic-cc680065-20250307"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -15178,5 +15178,5 @@ __DEV__ &&
exports.unstable_batchedUpdates = function (fn, a) {
return fn(a);
};
exports.version = "19.1.0-www-classic-f9d78089-20250306";
exports.version = "19.1.0-www-classic-cc680065-20250307";
})();
@@ -15040,10 +15040,10 @@ __DEV__ &&
(function () {
var internals = {
bundleType: 1,
version: "19.1.0-www-modern-f9d78089-20250306",
version: "19.1.0-www-modern-cc680065-20250307",
rendererPackageName: "react-test-renderer",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.1.0-www-modern-f9d78089-20250306"
reconcilerVersion: "19.1.0-www-modern-cc680065-20250307"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -15178,5 +15178,5 @@ __DEV__ &&
exports.unstable_batchedUpdates = function (fn, a) {
return fn(a);
};
exports.version = "19.1.0-www-modern-f9d78089-20250306";
exports.version = "19.1.0-www-modern-cc680065-20250307";
})();
+1 -1
View File
@@ -1 +1 @@
19.1.0-www-classic-f9d78089-20250306
19.1.0-www-classic-cc680065-20250307
+1 -1
View File
@@ -1 +1 @@
19.1.0-www-modern-f9d78089-20250306
19.1.0-www-modern-cc680065-20250307