Skip to content

Commit d8a52bc

Browse files
sebmarkbagesebmarkbage
committed
Add Transition Types (#32105)
This adds an isomorphic API to add Transition Types, which represent the cause, to the current Transition. This is currently mainly for View Transitions but as a concept it's broader and we might expand it to more features and object types in the future. ```js import { unstable_addTransitionType as addTransitionType } from 'react'; startTransition(() => { addTransitionType('my-transition-type'); setState(...); }); ``` If multiple transitions get entangled this is additive and all Transition Types are collected. You can also add more than one type to a Transition (hence the `add` prefix). Transition Types are reset after each commit. Meaning that `<Suspense>` revealing after a `startTransition` does not get any View Transition types associated with it. Note that the scoping rules for this is a little "wrong" in this implementation. Ideally it would be scoped to the nearest outer `startTransition` and grouped with any `setState` inside of it. Including Actions. However, since we currently don't have AsyncContext on the client, it would be too easy to drop a Transition Type if there were no other `setState` in the same `await` task. Multiple Transitions are entangled together anyway right now as a result. So this just tracks a global of all pending Transition Types for the next Transition. An inherent tricky bit with this API is that you could update multiple roots. In that case it should ideally be associated with each root. Transition Tracing solves this by associating a Transition with any updates that are later collected but this suffers from the problem mentioned above. Therefore, I just associate Transition Types with one root - the first one to commit. Since the View Transitions across roots are sequential anyway it kind of makes sense that only one really is the cause and the other one is subsequent. Transition Types can be used to apply different animations based on what caused the Transition. You have three different ways to choose from for how to use them: ## CSS It integrates with [View Transition Types](https://www.w3.org/TR/css-view-transitions-2/#active-view-transition-pseudo-examples) so you can match different animations based on CSS scopes: ```css :root:active-view-transition-type(my-transition-type) { &::view-transition-...(...) { ... } } ``` This is kind of a PITA to write though and if you have a CSS library that provide View Transition Classes it's difficult to import those into these scopes. ## Class per Type This PR also adds an object-as-map form that can be passed to all `className` properties: ```js <ViewTransition className={{ 'my-navigation-type': 'hello', 'default': 'world', }}> ``` If multiple types match, then they're joined together. If no types match then the special `"default"` entry is used instead. If any type has the value `"none"` then that wins and the ViewTransition is disabled (not assigned a name). These can be combined with `enter`/`exit`/`update`/`layout`/`share` props to match based on kind of trigger and Transition Type. ```js <ViewTransition enter={{ 'navigation-back': 'enter-right', 'navigation-forward': 'enter-left', }} exit={{ 'navigation-back': 'exit-right', 'navigation-forward': 'exit-left', }}> ``` ## Events In addition, you can also observe the types in the View Transition Event callbacks as the second argument. That way you can pick different imperative Animations based on the cause. ```js <ViewTransition onUpdate={(inst, types) => { if (types.includes('navigation-back')) { ... } else if (types.includes('navigation-forward')) { ... } else { ... } }}> ``` ## Future In the future we might expose types to `useEffect` for more general purpose usage. This would also allow non-View Transition based Animations such as existing libraries to use this same feature to coordinate the same concept. We might also allow richer objects to be passed along here. Only the strings would apply to View Transitions but the imperative code and effects could do something else with them. DiffTrain build for [028c8e6](028c8e6)
1 parent 87333fd commit d8a52bc

34 files changed

+92
-90
lines changed

‎compiled/facebook-www/REVISION

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
fd2d2799840d9066a752bb32bbbb07c93f64a891
1+
028c8e6cf5ce2a87147a7e03e503ce94c7a7a0cf

‎compiled/facebook-www/REVISION_TRANSFORMS

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
fd2d2799840d9066a752bb32bbbb07c93f64a891
1+
028c8e6cf5ce2a87147a7e03e503ce94c7a7a0cf

‎compiled/facebook-www/React-dev.classic.js

+2-1
Original file line numberDiff line numberDiff line change
@@ -1209,6 +1209,7 @@ __DEV__ &&
12091209
A: null,
12101210
T: null,
12111211
S: null,
1212+
V: null,
12121213
actQueue: null,
12131214
isBatchingLegacy: !1,
12141215
didScheduleLegacyUpdate: !1,
@@ -1956,7 +1957,7 @@ __DEV__ &&
19561957
exports.useTransition = function () {
19571958
return resolveDispatcher().useTransition();
19581959
};
1959-
exports.version = "19.1.0-www-classic-fd2d2799-20250117";
1960+
exports.version = "19.1.0-www-classic-028c8e6c-20250121";
19601961
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
19611962
"function" ===
19621963
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

‎compiled/facebook-www/React-dev.modern.js

+2-1
Original file line numberDiff line numberDiff line change
@@ -1209,6 +1209,7 @@ __DEV__ &&
12091209
A: null,
12101210
T: null,
12111211
S: null,
1212+
V: null,
12121213
actQueue: null,
12131214
isBatchingLegacy: !1,
12141215
didScheduleLegacyUpdate: !1,
@@ -1956,7 +1957,7 @@ __DEV__ &&
19561957
exports.useTransition = function () {
19571958
return resolveDispatcher().useTransition();
19581959
};
1959-
exports.version = "19.1.0-www-modern-fd2d2799-20250117";
1960+
exports.version = "19.1.0-www-modern-028c8e6c-20250121";
19601961
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
19611962
"function" ===
19621963
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

‎compiled/facebook-www/React-prod.classic.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,7 @@ pureComponentPrototype.constructor = PureComponent;
9090
assign(pureComponentPrototype, Component.prototype);
9191
pureComponentPrototype.isPureReactComponent = !0;
9292
var isArrayImpl = Array.isArray,
93-
ReactSharedInternals = { H: null, A: null, T: null, S: null },
93+
ReactSharedInternals = { H: null, A: null, T: null, S: null, V: null },
9494
hasOwnProperty = Object.prototype.hasOwnProperty;
9595
function ReactElement(type, key, self, source, owner, props) {
9696
self = props.ref;
@@ -630,4 +630,4 @@ exports.useSyncExternalStore = function (
630630
exports.useTransition = function () {
631631
return ReactSharedInternals.H.useTransition();
632632
};
633-
exports.version = "19.1.0-www-classic-fd2d2799-20250117";
633+
exports.version = "19.1.0-www-classic-028c8e6c-20250121";

‎compiled/facebook-www/React-prod.modern.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,7 @@ pureComponentPrototype.constructor = PureComponent;
9090
assign(pureComponentPrototype, Component.prototype);
9191
pureComponentPrototype.isPureReactComponent = !0;
9292
var isArrayImpl = Array.isArray,
93-
ReactSharedInternals = { H: null, A: null, T: null, S: null },
93+
ReactSharedInternals = { H: null, A: null, T: null, S: null, V: null },
9494
hasOwnProperty = Object.prototype.hasOwnProperty;
9595
function ReactElement(type, key, self, source, owner, props) {
9696
self = props.ref;
@@ -630,4 +630,4 @@ exports.useSyncExternalStore = function (
630630
exports.useTransition = function () {
631631
return ReactSharedInternals.H.useTransition();
632632
};
633-
exports.version = "19.1.0-www-modern-fd2d2799-20250117";
633+
exports.version = "19.1.0-www-modern-028c8e6c-20250121";

‎compiled/facebook-www/React-profiling.classic.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -94,7 +94,7 @@ pureComponentPrototype.constructor = PureComponent;
9494
assign(pureComponentPrototype, Component.prototype);
9595
pureComponentPrototype.isPureReactComponent = !0;
9696
var isArrayImpl = Array.isArray,
97-
ReactSharedInternals = { H: null, A: null, T: null, S: null },
97+
ReactSharedInternals = { H: null, A: null, T: null, S: null, V: null },
9898
hasOwnProperty = Object.prototype.hasOwnProperty;
9999
function ReactElement(type, key, self, source, owner, props) {
100100
self = props.ref;
@@ -634,7 +634,7 @@ exports.useSyncExternalStore = function (
634634
exports.useTransition = function () {
635635
return ReactSharedInternals.H.useTransition();
636636
};
637-
exports.version = "19.1.0-www-classic-fd2d2799-20250117";
637+
exports.version = "19.1.0-www-classic-028c8e6c-20250121";
638638
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
639639
"function" ===
640640
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

‎compiled/facebook-www/React-profiling.modern.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -94,7 +94,7 @@ pureComponentPrototype.constructor = PureComponent;
9494
assign(pureComponentPrototype, Component.prototype);
9595
pureComponentPrototype.isPureReactComponent = !0;
9696
var isArrayImpl = Array.isArray,
97-
ReactSharedInternals = { H: null, A: null, T: null, S: null },
97+
ReactSharedInternals = { H: null, A: null, T: null, S: null, V: null },
9898
hasOwnProperty = Object.prototype.hasOwnProperty;
9999
function ReactElement(type, key, self, source, owner, props) {
100100
self = props.ref;
@@ -634,7 +634,7 @@ exports.useSyncExternalStore = function (
634634
exports.useTransition = function () {
635635
return ReactSharedInternals.H.useTransition();
636636
};
637-
exports.version = "19.1.0-www-modern-fd2d2799-20250117";
637+
exports.version = "19.1.0-www-modern-028c8e6c-20250121";
638638
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
639639
"function" ===
640640
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

‎compiled/facebook-www/ReactART-dev.classic.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -16950,10 +16950,10 @@ __DEV__ &&
1695016950
(function () {
1695116951
var internals = {
1695216952
bundleType: 1,
16953-
version: "19.1.0-www-classic-fd2d2799-20250117",
16953+
version: "19.1.0-www-classic-028c8e6c-20250121",
1695416954
rendererPackageName: "react-art",
1695516955
currentDispatcherRef: ReactSharedInternals,
16956-
reconcilerVersion: "19.1.0-www-classic-fd2d2799-20250117"
16956+
reconcilerVersion: "19.1.0-www-classic-028c8e6c-20250121"
1695716957
};
1695816958
internals.overrideHookState = overrideHookState;
1695916959
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -16987,7 +16987,7 @@ __DEV__ &&
1698716987
exports.Shape = Shape;
1698816988
exports.Surface = Surface;
1698916989
exports.Text = Text;
16990-
exports.version = "19.1.0-www-classic-fd2d2799-20250117";
16990+
exports.version = "19.1.0-www-classic-028c8e6c-20250121";
1699116991
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
1699216992
"function" ===
1699316993
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

‎compiled/facebook-www/ReactART-dev.modern.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -16722,10 +16722,10 @@ __DEV__ &&
1672216722
(function () {
1672316723
var internals = {
1672416724
bundleType: 1,
16725-
version: "19.1.0-www-modern-fd2d2799-20250117",
16725+
version: "19.1.0-www-modern-028c8e6c-20250121",
1672616726
rendererPackageName: "react-art",
1672716727
currentDispatcherRef: ReactSharedInternals,
16728-
reconcilerVersion: "19.1.0-www-modern-fd2d2799-20250117"
16728+
reconcilerVersion: "19.1.0-www-modern-028c8e6c-20250121"
1672916729
};
1673016730
internals.overrideHookState = overrideHookState;
1673116731
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -16759,7 +16759,7 @@ __DEV__ &&
1675916759
exports.Shape = Shape;
1676016760
exports.Surface = Surface;
1676116761
exports.Text = Text;
16762-
exports.version = "19.1.0-www-modern-fd2d2799-20250117";
16762+
exports.version = "19.1.0-www-modern-028c8e6c-20250121";
1676316763
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
1676416764
"function" ===
1676516765
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

‎compiled/facebook-www/ReactART-prod.classic.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -10830,10 +10830,10 @@ var slice = Array.prototype.slice,
1083010830
})(React.Component);
1083110831
var internals$jscomp$inline_1514 = {
1083210832
bundleType: 0,
10833-
version: "19.1.0-www-classic-fd2d2799-20250117",
10833+
version: "19.1.0-www-classic-028c8e6c-20250121",
1083410834
rendererPackageName: "react-art",
1083510835
currentDispatcherRef: ReactSharedInternals,
10836-
reconcilerVersion: "19.1.0-www-classic-fd2d2799-20250117"
10836+
reconcilerVersion: "19.1.0-www-classic-028c8e6c-20250121"
1083710837
};
1083810838
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
1083910839
var hook$jscomp$inline_1515 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -10859,4 +10859,4 @@ exports.RadialGradient = RadialGradient;
1085910859
exports.Shape = TYPES.SHAPE;
1086010860
exports.Surface = Surface;
1086110861
exports.Text = Text;
10862-
exports.version = "19.1.0-www-classic-fd2d2799-20250117";
10862+
exports.version = "19.1.0-www-classic-028c8e6c-20250121";

‎compiled/facebook-www/ReactART-prod.modern.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -10550,10 +10550,10 @@ var slice = Array.prototype.slice,
1055010550
})(React.Component);
1055110551
var internals$jscomp$inline_1487 = {
1055210552
bundleType: 0,
10553-
version: "19.1.0-www-modern-fd2d2799-20250117",
10553+
version: "19.1.0-www-modern-028c8e6c-20250121",
1055410554
rendererPackageName: "react-art",
1055510555
currentDispatcherRef: ReactSharedInternals,
10556-
reconcilerVersion: "19.1.0-www-modern-fd2d2799-20250117"
10556+
reconcilerVersion: "19.1.0-www-modern-028c8e6c-20250121"
1055710557
};
1055810558
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
1055910559
var hook$jscomp$inline_1488 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -10579,4 +10579,4 @@ exports.RadialGradient = RadialGradient;
1057910579
exports.Shape = TYPES.SHAPE;
1058010580
exports.Surface = Surface;
1058110581
exports.Text = Text;
10582-
exports.version = "19.1.0-www-modern-fd2d2799-20250117";
10582+
exports.version = "19.1.0-www-modern-028c8e6c-20250121";

‎compiled/facebook-www/ReactDOM-dev.classic.js

+5-5
Original file line numberDiff line numberDiff line change
@@ -27436,11 +27436,11 @@ __DEV__ &&
2743627436
return_targetInst = null;
2743727437
(function () {
2743827438
var isomorphicReactPackageVersion = React.version;
27439-
if ("19.1.0-www-classic-fd2d2799-20250117" !== isomorphicReactPackageVersion)
27439+
if ("19.1.0-www-classic-028c8e6c-20250121" !== isomorphicReactPackageVersion)
2744027440
throw Error(
2744127441
'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
2744227442
(isomorphicReactPackageVersion +
27443-
"\n - react-dom: 19.1.0-www-classic-fd2d2799-20250117\nLearn more: https://react.dev/warnings/version-mismatch")
27443+
"\n - react-dom: 19.1.0-www-classic-028c8e6c-20250121\nLearn more: https://react.dev/warnings/version-mismatch")
2744427444
);
2744527445
})();
2744627446
("function" === typeof Map &&
@@ -27483,10 +27483,10 @@ __DEV__ &&
2748327483
!(function () {
2748427484
var internals = {
2748527485
bundleType: 1,
27486-
version: "19.1.0-www-classic-fd2d2799-20250117",
27486+
version: "19.1.0-www-classic-028c8e6c-20250121",
2748727487
rendererPackageName: "react-dom",
2748827488
currentDispatcherRef: ReactSharedInternals,
27489-
reconcilerVersion: "19.1.0-www-classic-fd2d2799-20250117"
27489+
reconcilerVersion: "19.1.0-www-classic-028c8e6c-20250121"
2749027490
};
2749127491
internals.overrideHookState = overrideHookState;
2749227492
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -28084,7 +28084,7 @@ __DEV__ &&
2808428084
exports.useFormStatus = function () {
2808528085
return resolveDispatcher().useHostTransitionStatus();
2808628086
};
28087-
exports.version = "19.1.0-www-classic-fd2d2799-20250117";
28087+
exports.version = "19.1.0-www-classic-028c8e6c-20250121";
2808828088
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
2808928089
"function" ===
2809028090
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

‎compiled/facebook-www/ReactDOM-dev.modern.js

+5-5
Original file line numberDiff line numberDiff line change
@@ -27222,11 +27222,11 @@ __DEV__ &&
2722227222
return_targetInst = null;
2722327223
(function () {
2722427224
var isomorphicReactPackageVersion = React.version;
27225-
if ("19.1.0-www-modern-fd2d2799-20250117" !== isomorphicReactPackageVersion)
27225+
if ("19.1.0-www-modern-028c8e6c-20250121" !== isomorphicReactPackageVersion)
2722627226
throw Error(
2722727227
'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
2722827228
(isomorphicReactPackageVersion +
27229-
"\n - react-dom: 19.1.0-www-modern-fd2d2799-20250117\nLearn more: https://react.dev/warnings/version-mismatch")
27229+
"\n - react-dom: 19.1.0-www-modern-028c8e6c-20250121\nLearn more: https://react.dev/warnings/version-mismatch")
2723027230
);
2723127231
})();
2723227232
("function" === typeof Map &&
@@ -27269,10 +27269,10 @@ __DEV__ &&
2726927269
!(function () {
2727027270
var internals = {
2727127271
bundleType: 1,
27272-
version: "19.1.0-www-modern-fd2d2799-20250117",
27272+
version: "19.1.0-www-modern-028c8e6c-20250121",
2727327273
rendererPackageName: "react-dom",
2727427274
currentDispatcherRef: ReactSharedInternals,
27275-
reconcilerVersion: "19.1.0-www-modern-fd2d2799-20250117"
27275+
reconcilerVersion: "19.1.0-www-modern-028c8e6c-20250121"
2727627276
};
2727727277
internals.overrideHookState = overrideHookState;
2727827278
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -27870,7 +27870,7 @@ __DEV__ &&
2787027870
exports.useFormStatus = function () {
2787127871
return resolveDispatcher().useHostTransitionStatus();
2787227872
};
27873-
exports.version = "19.1.0-www-modern-fd2d2799-20250117";
27873+
exports.version = "19.1.0-www-modern-028c8e6c-20250121";
2787427874
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
2787527875
"function" ===
2787627876
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

‎compiled/facebook-www/ReactDOM-prod.classic.js

+5-5
Original file line numberDiff line numberDiff line change
@@ -17308,14 +17308,14 @@ function getCrossOriginStringAs(as, input) {
1730817308
}
1730917309
var isomorphicReactPackageVersion$jscomp$inline_1798 = React.version;
1731017310
if (
17311-
"19.1.0-www-classic-fd2d2799-20250117" !==
17311+
"19.1.0-www-classic-028c8e6c-20250121" !==
1731217312
isomorphicReactPackageVersion$jscomp$inline_1798
1731317313
)
1731417314
throw Error(
1731517315
formatProdErrorMessage(
1731617316
527,
1731717317
isomorphicReactPackageVersion$jscomp$inline_1798,
17318-
"19.1.0-www-classic-fd2d2799-20250117"
17318+
"19.1.0-www-classic-028c8e6c-20250121"
1731917319
)
1732017320
);
1732117321
Internals.findDOMNode = function (componentOrElement) {
@@ -17333,10 +17333,10 @@ Internals.Events = [
1733317333
];
1733417334
var internals$jscomp$inline_2330 = {
1733517335
bundleType: 0,
17336-
version: "19.1.0-www-classic-fd2d2799-20250117",
17336+
version: "19.1.0-www-classic-028c8e6c-20250121",
1733717337
rendererPackageName: "react-dom",
1733817338
currentDispatcherRef: ReactSharedInternals,
17339-
reconcilerVersion: "19.1.0-www-classic-fd2d2799-20250117"
17339+
reconcilerVersion: "19.1.0-www-classic-028c8e6c-20250121"
1734017340
};
1734117341
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
1734217342
var hook$jscomp$inline_2331 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -17700,4 +17700,4 @@ exports.useFormState = function (action, initialState, permalink) {
1770017700
exports.useFormStatus = function () {
1770117701
return ReactSharedInternals.H.useHostTransitionStatus();
1770217702
};
17703-
exports.version = "19.1.0-www-classic-fd2d2799-20250117";
17703+
exports.version = "19.1.0-www-classic-028c8e6c-20250121";

‎compiled/facebook-www/ReactDOM-prod.modern.js

+5-5
Original file line numberDiff line numberDiff line change
@@ -17044,14 +17044,14 @@ function getCrossOriginStringAs(as, input) {
1704417044
}
1704517045
var isomorphicReactPackageVersion$jscomp$inline_1788 = React.version;
1704617046
if (
17047-
"19.1.0-www-modern-fd2d2799-20250117" !==
17047+
"19.1.0-www-modern-028c8e6c-20250121" !==
1704817048
isomorphicReactPackageVersion$jscomp$inline_1788
1704917049
)
1705017050
throw Error(
1705117051
formatProdErrorMessage(
1705217052
527,
1705317053
isomorphicReactPackageVersion$jscomp$inline_1788,
17054-
"19.1.0-www-modern-fd2d2799-20250117"
17054+
"19.1.0-www-modern-028c8e6c-20250121"
1705517055
)
1705617056
);
1705717057
Internals.findDOMNode = function (componentOrElement) {
@@ -17069,10 +17069,10 @@ Internals.Events = [
1706917069
];
1707017070
var internals$jscomp$inline_2312 = {
1707117071
bundleType: 0,
17072-
version: "19.1.0-www-modern-fd2d2799-20250117",
17072+
version: "19.1.0-www-modern-028c8e6c-20250121",
1707317073
rendererPackageName: "react-dom",
1707417074
currentDispatcherRef: ReactSharedInternals,
17075-
reconcilerVersion: "19.1.0-www-modern-fd2d2799-20250117"
17075+
reconcilerVersion: "19.1.0-www-modern-028c8e6c-20250121"
1707617076
};
1707717077
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
1707817078
var hook$jscomp$inline_2313 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -17436,4 +17436,4 @@ exports.useFormState = function (action, initialState, permalink) {
1743617436
exports.useFormStatus = function () {
1743717437
return ReactSharedInternals.H.useHostTransitionStatus();
1743817438
};
17439-
exports.version = "19.1.0-www-modern-fd2d2799-20250117";
17439+
exports.version = "19.1.0-www-modern-028c8e6c-20250121";

‎compiled/facebook-www/ReactDOM-profiling.classic.js

+5-5
Original file line numberDiff line numberDiff line change
@@ -17995,14 +17995,14 @@ function getCrossOriginStringAs(as, input) {
1799517995
}
1799617996
var isomorphicReactPackageVersion$jscomp$inline_1895 = React.version;
1799717997
if (
17998-
"19.1.0-www-classic-fd2d2799-20250117" !==
17998+
"19.1.0-www-classic-028c8e6c-20250121" !==
1799917999
isomorphicReactPackageVersion$jscomp$inline_1895
1800018000
)
1800118001
throw Error(
1800218002
formatProdErrorMessage(
1800318003
527,
1800418004
isomorphicReactPackageVersion$jscomp$inline_1895,
18005-
"19.1.0-www-classic-fd2d2799-20250117"
18005+
"19.1.0-www-classic-028c8e6c-20250121"
1800618006
)
1800718007
);
1800818008
Internals.findDOMNode = function (componentOrElement) {
@@ -18020,10 +18020,10 @@ Internals.Events = [
1802018020
];
1802118021
var internals$jscomp$inline_1897 = {
1802218022
bundleType: 0,
18023-
version: "19.1.0-www-classic-fd2d2799-20250117",
18023+
version: "19.1.0-www-classic-028c8e6c-20250121",
1802418024
rendererPackageName: "react-dom",
1802518025
currentDispatcherRef: ReactSharedInternals,
18026-
reconcilerVersion: "19.1.0-www-classic-fd2d2799-20250117"
18026+
reconcilerVersion: "19.1.0-www-classic-028c8e6c-20250121"
1802718027
};
1802818028
enableSchedulingProfiler &&
1802918029
((internals$jscomp$inline_1897.getLaneLabelMap = getLaneLabelMap),
@@ -18390,7 +18390,7 @@ exports.useFormState = function (action, initialState, permalink) {
1839018390
exports.useFormStatus = function () {
1839118391
return ReactSharedInternals.H.useHostTransitionStatus();
1839218392
};
18393-
exports.version = "19.1.0-www-classic-fd2d2799-20250117";
18393+
exports.version = "19.1.0-www-classic-028c8e6c-20250121";
1839418394
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
1839518395
"function" ===
1839618396
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

0 commit comments

Comments
 (0)