mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Rerender useSwipeTransition when direction changes (#32379)
We can only render one direction at a time with View Transitions. When
the direction changes we need to do another render in the new direction
(returning previous or next).
To determine direction we store the position we started at and anything
moving to a lower value (left/up) is "previous" direction (`false`) and
anything else is "next" (`true`) direction.
For the very first render we won't know which direction you're going
since you're still on the initial position. It's useful to start the
render to allow the view transition to take control before anything
shifts around so we start from the original position. This is not
guaranteed though if the render suspends.
For now we start the first render by guessing the direction such as if
we know that prev/next are the same as current. With the upcoming auto
start mode we can guess more accurately there before we start. We can
also add explicit APIs to `startGesture` but ideally it wouldn't matter.
Ideally we could just start after the first change in direction from the
starting point.
DiffTrain build for [88479c6fc3](https://github.com/facebook/react/commit/88479c6fc31ba2902587694338350ae95733d6b2)
This commit is contained in:
@@ -1 +1 @@
|
||||
a84862dbdc8dada08a9d1df1c72144cd767704b6
|
||||
88479c6fc31ba2902587694338350ae95733d6b2
|
||||
|
||||
@@ -1 +1 @@
|
||||
a84862dbdc8dada08a9d1df1c72144cd767704b6
|
||||
88479c6fc31ba2902587694338350ae95733d6b2
|
||||
|
||||
@@ -1575,7 +1575,7 @@ __DEV__ &&
|
||||
exports.useTransition = function () {
|
||||
return resolveDispatcher().useTransition();
|
||||
};
|
||||
exports.version = "19.1.0-www-classic-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-classic-88479c6f-20250220";
|
||||
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
|
||||
"function" ===
|
||||
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
|
||||
|
||||
@@ -1575,7 +1575,7 @@ __DEV__ &&
|
||||
exports.useTransition = function () {
|
||||
return resolveDispatcher().useTransition();
|
||||
};
|
||||
exports.version = "19.1.0-www-modern-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-modern-88479c6f-20250220";
|
||||
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
|
||||
"function" ===
|
||||
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
|
||||
|
||||
@@ -641,4 +641,4 @@ exports.useSyncExternalStore = function (
|
||||
exports.useTransition = function () {
|
||||
return ReactSharedInternals.H.useTransition();
|
||||
};
|
||||
exports.version = "19.1.0-www-classic-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-classic-88479c6f-20250220";
|
||||
|
||||
@@ -641,4 +641,4 @@ exports.useSyncExternalStore = function (
|
||||
exports.useTransition = function () {
|
||||
return ReactSharedInternals.H.useTransition();
|
||||
};
|
||||
exports.version = "19.1.0-www-modern-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-modern-88479c6f-20250220";
|
||||
|
||||
@@ -645,7 +645,7 @@ exports.useSyncExternalStore = function (
|
||||
exports.useTransition = function () {
|
||||
return ReactSharedInternals.H.useTransition();
|
||||
};
|
||||
exports.version = "19.1.0-www-classic-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-classic-88479c6f-20250220";
|
||||
"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-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-modern-88479c6f-20250220";
|
||||
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
|
||||
"function" ===
|
||||
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
|
||||
|
||||
@@ -17387,10 +17387,10 @@ __DEV__ &&
|
||||
(function () {
|
||||
var internals = {
|
||||
bundleType: 1,
|
||||
version: "19.1.0-www-classic-a84862db-20250218",
|
||||
version: "19.1.0-www-classic-88479c6f-20250220",
|
||||
rendererPackageName: "react-art",
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-classic-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-classic-88479c6f-20250220"
|
||||
};
|
||||
internals.overrideHookState = overrideHookState;
|
||||
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
|
||||
@@ -17424,7 +17424,7 @@ __DEV__ &&
|
||||
exports.Shape = Shape;
|
||||
exports.Surface = Surface;
|
||||
exports.Text = Text;
|
||||
exports.version = "19.1.0-www-classic-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-classic-88479c6f-20250220";
|
||||
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
|
||||
"function" ===
|
||||
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
|
||||
|
||||
@@ -17159,10 +17159,10 @@ __DEV__ &&
|
||||
(function () {
|
||||
var internals = {
|
||||
bundleType: 1,
|
||||
version: "19.1.0-www-modern-a84862db-20250218",
|
||||
version: "19.1.0-www-modern-88479c6f-20250220",
|
||||
rendererPackageName: "react-art",
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-modern-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-modern-88479c6f-20250220"
|
||||
};
|
||||
internals.overrideHookState = overrideHookState;
|
||||
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
|
||||
@@ -17196,7 +17196,7 @@ __DEV__ &&
|
||||
exports.Shape = Shape;
|
||||
exports.Surface = Surface;
|
||||
exports.Text = Text;
|
||||
exports.version = "19.1.0-www-modern-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-modern-88479c6f-20250220";
|
||||
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
|
||||
"function" ===
|
||||
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
|
||||
|
||||
@@ -11257,10 +11257,10 @@ var slice = Array.prototype.slice,
|
||||
})(React.Component);
|
||||
var internals$jscomp$inline_1550 = {
|
||||
bundleType: 0,
|
||||
version: "19.1.0-www-classic-a84862db-20250218",
|
||||
version: "19.1.0-www-classic-88479c6f-20250220",
|
||||
rendererPackageName: "react-art",
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-classic-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-classic-88479c6f-20250220"
|
||||
};
|
||||
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
|
||||
var hook$jscomp$inline_1551 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
|
||||
@@ -11286,4 +11286,4 @@ exports.RadialGradient = RadialGradient;
|
||||
exports.Shape = TYPES.SHAPE;
|
||||
exports.Surface = Surface;
|
||||
exports.Text = Text;
|
||||
exports.version = "19.1.0-www-classic-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-classic-88479c6f-20250220";
|
||||
|
||||
@@ -10972,10 +10972,10 @@ var slice = Array.prototype.slice,
|
||||
})(React.Component);
|
||||
var internals$jscomp$inline_1523 = {
|
||||
bundleType: 0,
|
||||
version: "19.1.0-www-modern-a84862db-20250218",
|
||||
version: "19.1.0-www-modern-88479c6f-20250220",
|
||||
rendererPackageName: "react-art",
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-modern-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-modern-88479c6f-20250220"
|
||||
};
|
||||
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
|
||||
var hook$jscomp$inline_1524 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
|
||||
@@ -11001,4 +11001,4 @@ exports.RadialGradient = RadialGradient;
|
||||
exports.Shape = TYPES.SHAPE;
|
||||
exports.Surface = Surface;
|
||||
exports.Text = Text;
|
||||
exports.version = "19.1.0-www-modern-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-modern-88479c6f-20250220";
|
||||
|
||||
@@ -28584,11 +28584,11 @@ __DEV__ &&
|
||||
return_targetInst = null;
|
||||
(function () {
|
||||
var isomorphicReactPackageVersion = React.version;
|
||||
if ("19.1.0-www-classic-a84862db-20250218" !== isomorphicReactPackageVersion)
|
||||
if ("19.1.0-www-classic-88479c6f-20250220" !== 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-a84862db-20250218\nLearn more: https://react.dev/warnings/version-mismatch")
|
||||
"\n - react-dom: 19.1.0-www-classic-88479c6f-20250220\nLearn more: https://react.dev/warnings/version-mismatch")
|
||||
);
|
||||
})();
|
||||
("function" === typeof Map &&
|
||||
@@ -28631,10 +28631,10 @@ __DEV__ &&
|
||||
!(function () {
|
||||
var internals = {
|
||||
bundleType: 1,
|
||||
version: "19.1.0-www-classic-a84862db-20250218",
|
||||
version: "19.1.0-www-classic-88479c6f-20250220",
|
||||
rendererPackageName: "react-dom",
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-classic-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-classic-88479c6f-20250220"
|
||||
};
|
||||
internals.overrideHookState = overrideHookState;
|
||||
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
|
||||
@@ -29232,7 +29232,7 @@ __DEV__ &&
|
||||
exports.useFormStatus = function () {
|
||||
return resolveDispatcher().useHostTransitionStatus();
|
||||
};
|
||||
exports.version = "19.1.0-www-classic-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-classic-88479c6f-20250220";
|
||||
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
|
||||
"function" ===
|
||||
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
|
||||
|
||||
@@ -28370,11 +28370,11 @@ __DEV__ &&
|
||||
return_targetInst = null;
|
||||
(function () {
|
||||
var isomorphicReactPackageVersion = React.version;
|
||||
if ("19.1.0-www-modern-a84862db-20250218" !== isomorphicReactPackageVersion)
|
||||
if ("19.1.0-www-modern-88479c6f-20250220" !== 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-a84862db-20250218\nLearn more: https://react.dev/warnings/version-mismatch")
|
||||
"\n - react-dom: 19.1.0-www-modern-88479c6f-20250220\nLearn more: https://react.dev/warnings/version-mismatch")
|
||||
);
|
||||
})();
|
||||
("function" === typeof Map &&
|
||||
@@ -28417,10 +28417,10 @@ __DEV__ &&
|
||||
!(function () {
|
||||
var internals = {
|
||||
bundleType: 1,
|
||||
version: "19.1.0-www-modern-a84862db-20250218",
|
||||
version: "19.1.0-www-modern-88479c6f-20250220",
|
||||
rendererPackageName: "react-dom",
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-modern-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-modern-88479c6f-20250220"
|
||||
};
|
||||
internals.overrideHookState = overrideHookState;
|
||||
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
|
||||
@@ -29018,7 +29018,7 @@ __DEV__ &&
|
||||
exports.useFormStatus = function () {
|
||||
return resolveDispatcher().useHostTransitionStatus();
|
||||
};
|
||||
exports.version = "19.1.0-www-modern-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-modern-88479c6f-20250220";
|
||||
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
|
||||
"function" ===
|
||||
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
|
||||
|
||||
@@ -18425,14 +18425,14 @@ function getCrossOriginStringAs(as, input) {
|
||||
}
|
||||
var isomorphicReactPackageVersion$jscomp$inline_1854 = React.version;
|
||||
if (
|
||||
"19.1.0-www-classic-a84862db-20250218" !==
|
||||
"19.1.0-www-classic-88479c6f-20250220" !==
|
||||
isomorphicReactPackageVersion$jscomp$inline_1854
|
||||
)
|
||||
throw Error(
|
||||
formatProdErrorMessage(
|
||||
527,
|
||||
isomorphicReactPackageVersion$jscomp$inline_1854,
|
||||
"19.1.0-www-classic-a84862db-20250218"
|
||||
"19.1.0-www-classic-88479c6f-20250220"
|
||||
)
|
||||
);
|
||||
Internals.findDOMNode = function (componentOrElement) {
|
||||
@@ -18450,10 +18450,10 @@ Internals.Events = [
|
||||
];
|
||||
var internals$jscomp$inline_2414 = {
|
||||
bundleType: 0,
|
||||
version: "19.1.0-www-classic-a84862db-20250218",
|
||||
version: "19.1.0-www-classic-88479c6f-20250220",
|
||||
rendererPackageName: "react-dom",
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-classic-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-classic-88479c6f-20250220"
|
||||
};
|
||||
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
|
||||
var hook$jscomp$inline_2415 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
|
||||
@@ -18817,4 +18817,4 @@ exports.useFormState = function (action, initialState, permalink) {
|
||||
exports.useFormStatus = function () {
|
||||
return ReactSharedInternals.H.useHostTransitionStatus();
|
||||
};
|
||||
exports.version = "19.1.0-www-classic-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-classic-88479c6f-20250220";
|
||||
|
||||
@@ -18156,14 +18156,14 @@ function getCrossOriginStringAs(as, input) {
|
||||
}
|
||||
var isomorphicReactPackageVersion$jscomp$inline_1844 = React.version;
|
||||
if (
|
||||
"19.1.0-www-modern-a84862db-20250218" !==
|
||||
"19.1.0-www-modern-88479c6f-20250220" !==
|
||||
isomorphicReactPackageVersion$jscomp$inline_1844
|
||||
)
|
||||
throw Error(
|
||||
formatProdErrorMessage(
|
||||
527,
|
||||
isomorphicReactPackageVersion$jscomp$inline_1844,
|
||||
"19.1.0-www-modern-a84862db-20250218"
|
||||
"19.1.0-www-modern-88479c6f-20250220"
|
||||
)
|
||||
);
|
||||
Internals.findDOMNode = function (componentOrElement) {
|
||||
@@ -18181,10 +18181,10 @@ Internals.Events = [
|
||||
];
|
||||
var internals$jscomp$inline_2396 = {
|
||||
bundleType: 0,
|
||||
version: "19.1.0-www-modern-a84862db-20250218",
|
||||
version: "19.1.0-www-modern-88479c6f-20250220",
|
||||
rendererPackageName: "react-dom",
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-modern-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-modern-88479c6f-20250220"
|
||||
};
|
||||
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
|
||||
var hook$jscomp$inline_2397 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
|
||||
@@ -18548,4 +18548,4 @@ exports.useFormState = function (action, initialState, permalink) {
|
||||
exports.useFormStatus = function () {
|
||||
return ReactSharedInternals.H.useHostTransitionStatus();
|
||||
};
|
||||
exports.version = "19.1.0-www-modern-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-modern-88479c6f-20250220";
|
||||
|
||||
@@ -19117,14 +19117,14 @@ function getCrossOriginStringAs(as, input) {
|
||||
}
|
||||
var isomorphicReactPackageVersion$jscomp$inline_1951 = React.version;
|
||||
if (
|
||||
"19.1.0-www-classic-a84862db-20250218" !==
|
||||
"19.1.0-www-classic-88479c6f-20250220" !==
|
||||
isomorphicReactPackageVersion$jscomp$inline_1951
|
||||
)
|
||||
throw Error(
|
||||
formatProdErrorMessage(
|
||||
527,
|
||||
isomorphicReactPackageVersion$jscomp$inline_1951,
|
||||
"19.1.0-www-classic-a84862db-20250218"
|
||||
"19.1.0-www-classic-88479c6f-20250220"
|
||||
)
|
||||
);
|
||||
Internals.findDOMNode = function (componentOrElement) {
|
||||
@@ -19142,10 +19142,10 @@ Internals.Events = [
|
||||
];
|
||||
var internals$jscomp$inline_1953 = {
|
||||
bundleType: 0,
|
||||
version: "19.1.0-www-classic-a84862db-20250218",
|
||||
version: "19.1.0-www-classic-88479c6f-20250220",
|
||||
rendererPackageName: "react-dom",
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-classic-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-classic-88479c6f-20250220"
|
||||
};
|
||||
enableSchedulingProfiler &&
|
||||
((internals$jscomp$inline_1953.getLaneLabelMap = getLaneLabelMap),
|
||||
@@ -19512,7 +19512,7 @@ exports.useFormState = function (action, initialState, permalink) {
|
||||
exports.useFormStatus = function () {
|
||||
return ReactSharedInternals.H.useHostTransitionStatus();
|
||||
};
|
||||
exports.version = "19.1.0-www-classic-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-classic-88479c6f-20250220";
|
||||
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
|
||||
"function" ===
|
||||
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
|
||||
|
||||
@@ -18847,14 +18847,14 @@ function getCrossOriginStringAs(as, input) {
|
||||
}
|
||||
var isomorphicReactPackageVersion$jscomp$inline_1941 = React.version;
|
||||
if (
|
||||
"19.1.0-www-modern-a84862db-20250218" !==
|
||||
"19.1.0-www-modern-88479c6f-20250220" !==
|
||||
isomorphicReactPackageVersion$jscomp$inline_1941
|
||||
)
|
||||
throw Error(
|
||||
formatProdErrorMessage(
|
||||
527,
|
||||
isomorphicReactPackageVersion$jscomp$inline_1941,
|
||||
"19.1.0-www-modern-a84862db-20250218"
|
||||
"19.1.0-www-modern-88479c6f-20250220"
|
||||
)
|
||||
);
|
||||
Internals.findDOMNode = function (componentOrElement) {
|
||||
@@ -18872,10 +18872,10 @@ Internals.Events = [
|
||||
];
|
||||
var internals$jscomp$inline_1943 = {
|
||||
bundleType: 0,
|
||||
version: "19.1.0-www-modern-a84862db-20250218",
|
||||
version: "19.1.0-www-modern-88479c6f-20250220",
|
||||
rendererPackageName: "react-dom",
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-modern-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-modern-88479c6f-20250220"
|
||||
};
|
||||
enableSchedulingProfiler &&
|
||||
((internals$jscomp$inline_1943.getLaneLabelMap = getLaneLabelMap),
|
||||
@@ -19242,7 +19242,7 @@ exports.useFormState = function (action, initialState, permalink) {
|
||||
exports.useFormStatus = function () {
|
||||
return ReactSharedInternals.H.useHostTransitionStatus();
|
||||
};
|
||||
exports.version = "19.1.0-www-modern-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-modern-88479c6f-20250220";
|
||||
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
|
||||
"function" ===
|
||||
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
|
||||
|
||||
@@ -9459,5 +9459,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-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-classic-88479c6f-20250220";
|
||||
})();
|
||||
|
||||
@@ -9285,5 +9285,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-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-modern-88479c6f-20250220";
|
||||
})();
|
||||
|
||||
@@ -6194,4 +6194,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-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-classic-88479c6f-20250220";
|
||||
|
||||
@@ -6106,4 +6106,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-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-modern-88479c6f-20250220";
|
||||
|
||||
@@ -28918,11 +28918,11 @@ __DEV__ &&
|
||||
return_targetInst = null;
|
||||
(function () {
|
||||
var isomorphicReactPackageVersion = React.version;
|
||||
if ("19.1.0-www-classic-a84862db-20250218" !== isomorphicReactPackageVersion)
|
||||
if ("19.1.0-www-classic-88479c6f-20250220" !== 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-a84862db-20250218\nLearn more: https://react.dev/warnings/version-mismatch")
|
||||
"\n - react-dom: 19.1.0-www-classic-88479c6f-20250220\nLearn more: https://react.dev/warnings/version-mismatch")
|
||||
);
|
||||
})();
|
||||
("function" === typeof Map &&
|
||||
@@ -28965,10 +28965,10 @@ __DEV__ &&
|
||||
!(function () {
|
||||
var internals = {
|
||||
bundleType: 1,
|
||||
version: "19.1.0-www-classic-a84862db-20250218",
|
||||
version: "19.1.0-www-classic-88479c6f-20250220",
|
||||
rendererPackageName: "react-dom",
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-classic-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-classic-88479c6f-20250220"
|
||||
};
|
||||
internals.overrideHookState = overrideHookState;
|
||||
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
|
||||
@@ -29732,5 +29732,5 @@ __DEV__ &&
|
||||
exports.useFormStatus = function () {
|
||||
return resolveDispatcher().useHostTransitionStatus();
|
||||
};
|
||||
exports.version = "19.1.0-www-classic-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-classic-88479c6f-20250220";
|
||||
})();
|
||||
|
||||
@@ -28704,11 +28704,11 @@ __DEV__ &&
|
||||
return_targetInst = null;
|
||||
(function () {
|
||||
var isomorphicReactPackageVersion = React.version;
|
||||
if ("19.1.0-www-modern-a84862db-20250218" !== isomorphicReactPackageVersion)
|
||||
if ("19.1.0-www-modern-88479c6f-20250220" !== 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-a84862db-20250218\nLearn more: https://react.dev/warnings/version-mismatch")
|
||||
"\n - react-dom: 19.1.0-www-modern-88479c6f-20250220\nLearn more: https://react.dev/warnings/version-mismatch")
|
||||
);
|
||||
})();
|
||||
("function" === typeof Map &&
|
||||
@@ -28751,10 +28751,10 @@ __DEV__ &&
|
||||
!(function () {
|
||||
var internals = {
|
||||
bundleType: 1,
|
||||
version: "19.1.0-www-modern-a84862db-20250218",
|
||||
version: "19.1.0-www-modern-88479c6f-20250220",
|
||||
rendererPackageName: "react-dom",
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-modern-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-modern-88479c6f-20250220"
|
||||
};
|
||||
internals.overrideHookState = overrideHookState;
|
||||
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
|
||||
@@ -29518,5 +29518,5 @@ __DEV__ &&
|
||||
exports.useFormStatus = function () {
|
||||
return resolveDispatcher().useHostTransitionStatus();
|
||||
};
|
||||
exports.version = "19.1.0-www-modern-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-modern-88479c6f-20250220";
|
||||
})();
|
||||
|
||||
@@ -18754,14 +18754,14 @@ function getCrossOriginStringAs(as, input) {
|
||||
}
|
||||
var isomorphicReactPackageVersion$jscomp$inline_1883 = React.version;
|
||||
if (
|
||||
"19.1.0-www-classic-a84862db-20250218" !==
|
||||
"19.1.0-www-classic-88479c6f-20250220" !==
|
||||
isomorphicReactPackageVersion$jscomp$inline_1883
|
||||
)
|
||||
throw Error(
|
||||
formatProdErrorMessage(
|
||||
527,
|
||||
isomorphicReactPackageVersion$jscomp$inline_1883,
|
||||
"19.1.0-www-classic-a84862db-20250218"
|
||||
"19.1.0-www-classic-88479c6f-20250220"
|
||||
)
|
||||
);
|
||||
Internals.findDOMNode = function (componentOrElement) {
|
||||
@@ -18779,10 +18779,10 @@ Internals.Events = [
|
||||
];
|
||||
var internals$jscomp$inline_2448 = {
|
||||
bundleType: 0,
|
||||
version: "19.1.0-www-classic-a84862db-20250218",
|
||||
version: "19.1.0-www-classic-88479c6f-20250220",
|
||||
rendererPackageName: "react-dom",
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-classic-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-classic-88479c6f-20250220"
|
||||
};
|
||||
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
|
||||
var hook$jscomp$inline_2449 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
|
||||
@@ -19297,4 +19297,4 @@ exports.useFormState = function (action, initialState, permalink) {
|
||||
exports.useFormStatus = function () {
|
||||
return ReactSharedInternals.H.useHostTransitionStatus();
|
||||
};
|
||||
exports.version = "19.1.0-www-classic-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-classic-88479c6f-20250220";
|
||||
|
||||
@@ -18485,14 +18485,14 @@ function getCrossOriginStringAs(as, input) {
|
||||
}
|
||||
var isomorphicReactPackageVersion$jscomp$inline_1873 = React.version;
|
||||
if (
|
||||
"19.1.0-www-modern-a84862db-20250218" !==
|
||||
"19.1.0-www-modern-88479c6f-20250220" !==
|
||||
isomorphicReactPackageVersion$jscomp$inline_1873
|
||||
)
|
||||
throw Error(
|
||||
formatProdErrorMessage(
|
||||
527,
|
||||
isomorphicReactPackageVersion$jscomp$inline_1873,
|
||||
"19.1.0-www-modern-a84862db-20250218"
|
||||
"19.1.0-www-modern-88479c6f-20250220"
|
||||
)
|
||||
);
|
||||
Internals.findDOMNode = function (componentOrElement) {
|
||||
@@ -18510,10 +18510,10 @@ Internals.Events = [
|
||||
];
|
||||
var internals$jscomp$inline_2430 = {
|
||||
bundleType: 0,
|
||||
version: "19.1.0-www-modern-a84862db-20250218",
|
||||
version: "19.1.0-www-modern-88479c6f-20250220",
|
||||
rendererPackageName: "react-dom",
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-modern-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-modern-88479c6f-20250220"
|
||||
};
|
||||
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
|
||||
var hook$jscomp$inline_2431 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
|
||||
@@ -19028,4 +19028,4 @@ exports.useFormState = function (action, initialState, permalink) {
|
||||
exports.useFormStatus = function () {
|
||||
return ReactSharedInternals.H.useHostTransitionStatus();
|
||||
};
|
||||
exports.version = "19.1.0-www-modern-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-modern-88479c6f-20250220";
|
||||
|
||||
@@ -17398,8 +17398,9 @@ __DEV__ &&
|
||||
wasInstanceInViewport = $$$config.wasInstanceInViewport,
|
||||
hasInstanceChanged = $$$config.hasInstanceChanged,
|
||||
hasInstanceAffectedParent = $$$config.hasInstanceAffectedParent,
|
||||
startViewTransition = $$$config.startViewTransition,
|
||||
createViewTransitionInstance = $$$config.createViewTransitionInstance,
|
||||
startViewTransition = $$$config.startViewTransition;
|
||||
$$$config.subscribeToGestureDirection;
|
||||
var createViewTransitionInstance = $$$config.createViewTransitionInstance,
|
||||
clearContainer = $$$config.clearContainer,
|
||||
cloneInstance = $$$config.cloneInstance,
|
||||
createContainerChildSet = $$$config.createContainerChildSet,
|
||||
@@ -19990,7 +19991,7 @@ __DEV__ &&
|
||||
version: rendererVersion,
|
||||
rendererPackageName: rendererPackageName,
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-classic-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-classic-88479c6f-20250220"
|
||||
};
|
||||
null !== extraDevToolsConfig &&
|
||||
(internals.rendererConfig = extraDevToolsConfig);
|
||||
|
||||
@@ -17184,8 +17184,9 @@ __DEV__ &&
|
||||
wasInstanceInViewport = $$$config.wasInstanceInViewport,
|
||||
hasInstanceChanged = $$$config.hasInstanceChanged,
|
||||
hasInstanceAffectedParent = $$$config.hasInstanceAffectedParent,
|
||||
startViewTransition = $$$config.startViewTransition,
|
||||
createViewTransitionInstance = $$$config.createViewTransitionInstance,
|
||||
startViewTransition = $$$config.startViewTransition;
|
||||
$$$config.subscribeToGestureDirection;
|
||||
var createViewTransitionInstance = $$$config.createViewTransitionInstance,
|
||||
clearContainer = $$$config.clearContainer,
|
||||
cloneInstance = $$$config.cloneInstance,
|
||||
createContainerChildSet = $$$config.createContainerChildSet,
|
||||
@@ -19771,7 +19772,7 @@ __DEV__ &&
|
||||
version: rendererVersion,
|
||||
rendererPackageName: rendererPackageName,
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-modern-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-modern-88479c6f-20250220"
|
||||
};
|
||||
null !== extraDevToolsConfig &&
|
||||
(internals.rendererConfig = extraDevToolsConfig);
|
||||
|
||||
@@ -12708,8 +12708,9 @@ module.exports = function ($$$config) {
|
||||
wasInstanceInViewport = $$$config.wasInstanceInViewport,
|
||||
hasInstanceChanged = $$$config.hasInstanceChanged,
|
||||
hasInstanceAffectedParent = $$$config.hasInstanceAffectedParent,
|
||||
startViewTransition = $$$config.startViewTransition,
|
||||
createViewTransitionInstance = $$$config.createViewTransitionInstance,
|
||||
startViewTransition = $$$config.startViewTransition;
|
||||
$$$config.subscribeToGestureDirection;
|
||||
var createViewTransitionInstance = $$$config.createViewTransitionInstance,
|
||||
clearContainer = $$$config.clearContainer,
|
||||
cloneInstance = $$$config.cloneInstance,
|
||||
createContainerChildSet = $$$config.createContainerChildSet,
|
||||
@@ -13747,7 +13748,7 @@ module.exports = function ($$$config) {
|
||||
version: rendererVersion,
|
||||
rendererPackageName: rendererPackageName,
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-classic-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-classic-88479c6f-20250220"
|
||||
};
|
||||
null !== extraDevToolsConfig &&
|
||||
(internals.rendererConfig = extraDevToolsConfig);
|
||||
|
||||
@@ -12430,8 +12430,9 @@ module.exports = function ($$$config) {
|
||||
wasInstanceInViewport = $$$config.wasInstanceInViewport,
|
||||
hasInstanceChanged = $$$config.hasInstanceChanged,
|
||||
hasInstanceAffectedParent = $$$config.hasInstanceAffectedParent,
|
||||
startViewTransition = $$$config.startViewTransition,
|
||||
createViewTransitionInstance = $$$config.createViewTransitionInstance,
|
||||
startViewTransition = $$$config.startViewTransition;
|
||||
$$$config.subscribeToGestureDirection;
|
||||
var createViewTransitionInstance = $$$config.createViewTransitionInstance,
|
||||
clearContainer = $$$config.clearContainer,
|
||||
cloneInstance = $$$config.cloneInstance,
|
||||
createContainerChildSet = $$$config.createContainerChildSet,
|
||||
@@ -13466,7 +13467,7 @@ module.exports = function ($$$config) {
|
||||
version: rendererVersion,
|
||||
rendererPackageName: rendererPackageName,
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-modern-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-modern-88479c6f-20250220"
|
||||
};
|
||||
null !== extraDevToolsConfig &&
|
||||
(internals.rendererConfig = extraDevToolsConfig);
|
||||
|
||||
@@ -15070,10 +15070,10 @@ __DEV__ &&
|
||||
(function () {
|
||||
var internals = {
|
||||
bundleType: 1,
|
||||
version: "19.1.0-www-classic-a84862db-20250218",
|
||||
version: "19.1.0-www-classic-88479c6f-20250220",
|
||||
rendererPackageName: "react-test-renderer",
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-classic-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-classic-88479c6f-20250220"
|
||||
};
|
||||
internals.overrideHookState = overrideHookState;
|
||||
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
|
||||
@@ -15208,5 +15208,5 @@ __DEV__ &&
|
||||
exports.unstable_batchedUpdates = function (fn, a) {
|
||||
return fn(a);
|
||||
};
|
||||
exports.version = "19.1.0-www-classic-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-classic-88479c6f-20250220";
|
||||
})();
|
||||
|
||||
@@ -15070,10 +15070,10 @@ __DEV__ &&
|
||||
(function () {
|
||||
var internals = {
|
||||
bundleType: 1,
|
||||
version: "19.1.0-www-modern-a84862db-20250218",
|
||||
version: "19.1.0-www-modern-88479c6f-20250220",
|
||||
rendererPackageName: "react-test-renderer",
|
||||
currentDispatcherRef: ReactSharedInternals,
|
||||
reconcilerVersion: "19.1.0-www-modern-a84862db-20250218"
|
||||
reconcilerVersion: "19.1.0-www-modern-88479c6f-20250220"
|
||||
};
|
||||
internals.overrideHookState = overrideHookState;
|
||||
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
|
||||
@@ -15208,5 +15208,5 @@ __DEV__ &&
|
||||
exports.unstable_batchedUpdates = function (fn, a) {
|
||||
return fn(a);
|
||||
};
|
||||
exports.version = "19.1.0-www-modern-a84862db-20250218";
|
||||
exports.version = "19.1.0-www-modern-88479c6f-20250220";
|
||||
})();
|
||||
|
||||
@@ -1 +1 @@
|
||||
19.1.0-www-classic-a84862db-20250218
|
||||
19.1.0-www-classic-88479c6f-20250220
|
||||
@@ -1 +1 @@
|
||||
19.1.0-www-modern-a84862db-20250218
|
||||
19.1.0-www-modern-88479c6f-20250220
|
||||
Reference in New Issue
Block a user