Skip to content

Commit ce4b3eb

Browse files
committed
[Fizz] Hoist hoistables to each row and transfer the dependencies to future rows (#33312)
Stacked on #33311. When a row contains Suspense boundaries that themselves depend on CSS, they will not resolve until the CSS has loaded on the client. We need future rows in a list to be blocked until this happens. We could do something in the runtime but a simpler approach is to just add those CSS dependencies to all those boundaries as well. To do this, we first hoist the HoistableState from a completed boundary onto its parent row. Then when the row finishes do we hoist it onto the next row and onto any boundaries within that row. DiffTrain build for [50389e1](50389e1)
1 parent 5ab7841 commit ce4b3eb

36 files changed

+391
-264
lines changed

compiled/facebook-www/REVISION

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
99aa685cefc3c828d4523da04d7830c1e494a6bd
1+
50389e179273558d0919d45bc5db99a21b258b03
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
99aa685cefc3c828d4523da04d7830c1e494a6bd
1+
50389e179273558d0919d45bc5db99a21b258b03

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1537,7 +1537,7 @@ __DEV__ &&
15371537
exports.useTransition = function () {
15381538
return resolveDispatcher().useTransition();
15391539
};
1540-
exports.version = "19.2.0-www-classic-99aa685c-20250520";
1540+
exports.version = "19.2.0-www-classic-50389e17-20250520";
15411541
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
15421542
"function" ===
15431543
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1537,7 +1537,7 @@ __DEV__ &&
15371537
exports.useTransition = function () {
15381538
return resolveDispatcher().useTransition();
15391539
};
1540-
exports.version = "19.2.0-www-modern-99aa685c-20250520";
1540+
exports.version = "19.2.0-www-modern-50389e17-20250520";
15411541
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
15421542
"function" ===
15431543
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -635,4 +635,4 @@ exports.useSyncExternalStore = function (
635635
exports.useTransition = function () {
636636
return ReactSharedInternals.H.useTransition();
637637
};
638-
exports.version = "19.2.0-www-classic-99aa685c-20250520";
638+
exports.version = "19.2.0-www-classic-50389e17-20250520";

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -635,4 +635,4 @@ exports.useSyncExternalStore = function (
635635
exports.useTransition = function () {
636636
return ReactSharedInternals.H.useTransition();
637637
};
638-
exports.version = "19.2.0-www-modern-99aa685c-20250520";
638+
exports.version = "19.2.0-www-modern-50389e17-20250520";

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -639,7 +639,7 @@ exports.useSyncExternalStore = function (
639639
exports.useTransition = function () {
640640
return ReactSharedInternals.H.useTransition();
641641
};
642-
exports.version = "19.2.0-www-classic-99aa685c-20250520";
642+
exports.version = "19.2.0-www-classic-50389e17-20250520";
643643
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
644644
"function" ===
645645
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -639,7 +639,7 @@ exports.useSyncExternalStore = function (
639639
exports.useTransition = function () {
640640
return ReactSharedInternals.H.useTransition();
641641
};
642-
exports.version = "19.2.0-www-modern-99aa685c-20250520";
642+
exports.version = "19.2.0-www-modern-50389e17-20250520";
643643
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
644644
"function" ===
645645
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

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

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19080,10 +19080,10 @@ __DEV__ &&
1908019080
(function () {
1908119081
var internals = {
1908219082
bundleType: 1,
19083-
version: "19.2.0-www-classic-99aa685c-20250520",
19083+
version: "19.2.0-www-classic-50389e17-20250520",
1908419084
rendererPackageName: "react-art",
1908519085
currentDispatcherRef: ReactSharedInternals,
19086-
reconcilerVersion: "19.2.0-www-classic-99aa685c-20250520"
19086+
reconcilerVersion: "19.2.0-www-classic-50389e17-20250520"
1908719087
};
1908819088
internals.overrideHookState = overrideHookState;
1908919089
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -19117,7 +19117,7 @@ __DEV__ &&
1911719117
exports.Shape = Shape;
1911819118
exports.Surface = Surface;
1911919119
exports.Text = Text;
19120-
exports.version = "19.2.0-www-classic-99aa685c-20250520";
19120+
exports.version = "19.2.0-www-classic-50389e17-20250520";
1912119121
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
1912219122
"function" ===
1912319123
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

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

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -18852,10 +18852,10 @@ __DEV__ &&
1885218852
(function () {
1885318853
var internals = {
1885418854
bundleType: 1,
18855-
version: "19.2.0-www-modern-99aa685c-20250520",
18855+
version: "19.2.0-www-modern-50389e17-20250520",
1885618856
rendererPackageName: "react-art",
1885718857
currentDispatcherRef: ReactSharedInternals,
18858-
reconcilerVersion: "19.2.0-www-modern-99aa685c-20250520"
18858+
reconcilerVersion: "19.2.0-www-modern-50389e17-20250520"
1885918859
};
1886018860
internals.overrideHookState = overrideHookState;
1886118861
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -18889,7 +18889,7 @@ __DEV__ &&
1888918889
exports.Shape = Shape;
1889018890
exports.Surface = Surface;
1889118891
exports.Text = Text;
18892-
exports.version = "19.2.0-www-modern-99aa685c-20250520";
18892+
exports.version = "19.2.0-www-modern-50389e17-20250520";
1889318893
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
1889418894
"function" ===
1889518895
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

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

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11392,10 +11392,10 @@ var slice = Array.prototype.slice,
1139211392
})(React.Component);
1139311393
var internals$jscomp$inline_1624 = {
1139411394
bundleType: 0,
11395-
version: "19.2.0-www-classic-99aa685c-20250520",
11395+
version: "19.2.0-www-classic-50389e17-20250520",
1139611396
rendererPackageName: "react-art",
1139711397
currentDispatcherRef: ReactSharedInternals,
11398-
reconcilerVersion: "19.2.0-www-classic-99aa685c-20250520"
11398+
reconcilerVersion: "19.2.0-www-classic-50389e17-20250520"
1139911399
};
1140011400
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
1140111401
var hook$jscomp$inline_1625 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -11421,4 +11421,4 @@ exports.RadialGradient = RadialGradient;
1142111421
exports.Shape = TYPES.SHAPE;
1142211422
exports.Surface = Surface;
1142311423
exports.Text = Text;
11424-
exports.version = "19.2.0-www-classic-99aa685c-20250520";
11424+
exports.version = "19.2.0-www-classic-50389e17-20250520";

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

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11104,10 +11104,10 @@ var slice = Array.prototype.slice,
1110411104
})(React.Component);
1110511105
var internals$jscomp$inline_1597 = {
1110611106
bundleType: 0,
11107-
version: "19.2.0-www-modern-99aa685c-20250520",
11107+
version: "19.2.0-www-modern-50389e17-20250520",
1110811108
rendererPackageName: "react-art",
1110911109
currentDispatcherRef: ReactSharedInternals,
11110-
reconcilerVersion: "19.2.0-www-modern-99aa685c-20250520"
11110+
reconcilerVersion: "19.2.0-www-modern-50389e17-20250520"
1111111111
};
1111211112
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
1111311113
var hook$jscomp$inline_1598 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -11133,4 +11133,4 @@ exports.RadialGradient = RadialGradient;
1113311133
exports.Shape = TYPES.SHAPE;
1113411134
exports.Surface = Surface;
1113511135
exports.Text = Text;
11136-
exports.version = "19.2.0-www-modern-99aa685c-20250520";
11136+
exports.version = "19.2.0-www-modern-50389e17-20250520";

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

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -31447,11 +31447,11 @@ __DEV__ &&
3144731447
return_targetInst = null;
3144831448
(function () {
3144931449
var isomorphicReactPackageVersion = React.version;
31450-
if ("19.2.0-www-classic-99aa685c-20250520" !== isomorphicReactPackageVersion)
31450+
if ("19.2.0-www-classic-50389e17-20250520" !== isomorphicReactPackageVersion)
3145131451
throw Error(
3145231452
'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
3145331453
(isomorphicReactPackageVersion +
31454-
"\n - react-dom: 19.2.0-www-classic-99aa685c-20250520\nLearn more: https://react.dev/warnings/version-mismatch")
31454+
"\n - react-dom: 19.2.0-www-classic-50389e17-20250520\nLearn more: https://react.dev/warnings/version-mismatch")
3145531455
);
3145631456
})();
3145731457
("function" === typeof Map &&
@@ -31494,10 +31494,10 @@ __DEV__ &&
3149431494
!(function () {
3149531495
var internals = {
3149631496
bundleType: 1,
31497-
version: "19.2.0-www-classic-99aa685c-20250520",
31497+
version: "19.2.0-www-classic-50389e17-20250520",
3149831498
rendererPackageName: "react-dom",
3149931499
currentDispatcherRef: ReactSharedInternals,
31500-
reconcilerVersion: "19.2.0-www-classic-99aa685c-20250520"
31500+
reconcilerVersion: "19.2.0-www-classic-50389e17-20250520"
3150131501
};
3150231502
internals.overrideHookState = overrideHookState;
3150331503
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -32097,7 +32097,7 @@ __DEV__ &&
3209732097
exports.useFormStatus = function () {
3209832098
return resolveDispatcher().useHostTransitionStatus();
3209932099
};
32100-
exports.version = "19.2.0-www-classic-99aa685c-20250520";
32100+
exports.version = "19.2.0-www-classic-50389e17-20250520";
3210132101
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
3210232102
"function" ===
3210332103
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

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

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -31233,11 +31233,11 @@ __DEV__ &&
3123331233
return_targetInst = null;
3123431234
(function () {
3123531235
var isomorphicReactPackageVersion = React.version;
31236-
if ("19.2.0-www-modern-99aa685c-20250520" !== isomorphicReactPackageVersion)
31236+
if ("19.2.0-www-modern-50389e17-20250520" !== isomorphicReactPackageVersion)
3123731237
throw Error(
3123831238
'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
3123931239
(isomorphicReactPackageVersion +
31240-
"\n - react-dom: 19.2.0-www-modern-99aa685c-20250520\nLearn more: https://react.dev/warnings/version-mismatch")
31240+
"\n - react-dom: 19.2.0-www-modern-50389e17-20250520\nLearn more: https://react.dev/warnings/version-mismatch")
3124131241
);
3124231242
})();
3124331243
("function" === typeof Map &&
@@ -31280,10 +31280,10 @@ __DEV__ &&
3128031280
!(function () {
3128131281
var internals = {
3128231282
bundleType: 1,
31283-
version: "19.2.0-www-modern-99aa685c-20250520",
31283+
version: "19.2.0-www-modern-50389e17-20250520",
3128431284
rendererPackageName: "react-dom",
3128531285
currentDispatcherRef: ReactSharedInternals,
31286-
reconcilerVersion: "19.2.0-www-modern-99aa685c-20250520"
31286+
reconcilerVersion: "19.2.0-www-modern-50389e17-20250520"
3128731287
};
3128831288
internals.overrideHookState = overrideHookState;
3128931289
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -31883,7 +31883,7 @@ __DEV__ &&
3188331883
exports.useFormStatus = function () {
3188431884
return resolveDispatcher().useHostTransitionStatus();
3188531885
};
31886-
exports.version = "19.2.0-www-modern-99aa685c-20250520";
31886+
exports.version = "19.2.0-www-modern-50389e17-20250520";
3188731887
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
3188831888
"function" ===
3188931889
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

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

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -19564,14 +19564,14 @@ function getCrossOriginStringAs(as, input) {
1956419564
}
1956519565
var isomorphicReactPackageVersion$jscomp$inline_2083 = React.version;
1956619566
if (
19567-
"19.2.0-www-classic-99aa685c-20250520" !==
19567+
"19.2.0-www-classic-50389e17-20250520" !==
1956819568
isomorphicReactPackageVersion$jscomp$inline_2083
1956919569
)
1957019570
throw Error(
1957119571
formatProdErrorMessage(
1957219572
527,
1957319573
isomorphicReactPackageVersion$jscomp$inline_2083,
19574-
"19.2.0-www-classic-99aa685c-20250520"
19574+
"19.2.0-www-classic-50389e17-20250520"
1957519575
)
1957619576
);
1957719577
Internals.findDOMNode = function (componentOrElement) {
@@ -19589,10 +19589,10 @@ Internals.Events = [
1958919589
];
1959019590
var internals$jscomp$inline_2696 = {
1959119591
bundleType: 0,
19592-
version: "19.2.0-www-classic-99aa685c-20250520",
19592+
version: "19.2.0-www-classic-50389e17-20250520",
1959319593
rendererPackageName: "react-dom",
1959419594
currentDispatcherRef: ReactSharedInternals,
19595-
reconcilerVersion: "19.2.0-www-classic-99aa685c-20250520"
19595+
reconcilerVersion: "19.2.0-www-classic-50389e17-20250520"
1959619596
};
1959719597
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
1959819598
var hook$jscomp$inline_2697 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -20004,4 +20004,4 @@ exports.useFormState = function (action, initialState, permalink) {
2000420004
exports.useFormStatus = function () {
2000520005
return ReactSharedInternals.H.useHostTransitionStatus();
2000620006
};
20007-
exports.version = "19.2.0-www-classic-99aa685c-20250520";
20007+
exports.version = "19.2.0-www-classic-50389e17-20250520";

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

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -19293,14 +19293,14 @@ function getCrossOriginStringAs(as, input) {
1929319293
}
1929419294
var isomorphicReactPackageVersion$jscomp$inline_2073 = React.version;
1929519295
if (
19296-
"19.2.0-www-modern-99aa685c-20250520" !==
19296+
"19.2.0-www-modern-50389e17-20250520" !==
1929719297
isomorphicReactPackageVersion$jscomp$inline_2073
1929819298
)
1929919299
throw Error(
1930019300
formatProdErrorMessage(
1930119301
527,
1930219302
isomorphicReactPackageVersion$jscomp$inline_2073,
19303-
"19.2.0-www-modern-99aa685c-20250520"
19303+
"19.2.0-www-modern-50389e17-20250520"
1930419304
)
1930519305
);
1930619306
Internals.findDOMNode = function (componentOrElement) {
@@ -19318,10 +19318,10 @@ Internals.Events = [
1931819318
];
1931919319
var internals$jscomp$inline_2678 = {
1932019320
bundleType: 0,
19321-
version: "19.2.0-www-modern-99aa685c-20250520",
19321+
version: "19.2.0-www-modern-50389e17-20250520",
1932219322
rendererPackageName: "react-dom",
1932319323
currentDispatcherRef: ReactSharedInternals,
19324-
reconcilerVersion: "19.2.0-www-modern-99aa685c-20250520"
19324+
reconcilerVersion: "19.2.0-www-modern-50389e17-20250520"
1932519325
};
1932619326
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
1932719327
var hook$jscomp$inline_2679 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -19733,4 +19733,4 @@ exports.useFormState = function (action, initialState, permalink) {
1973319733
exports.useFormStatus = function () {
1973419734
return ReactSharedInternals.H.useHostTransitionStatus();
1973519735
};
19736-
exports.version = "19.2.0-www-modern-99aa685c-20250520";
19736+
exports.version = "19.2.0-www-modern-50389e17-20250520";

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

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -21546,14 +21546,14 @@ function getCrossOriginStringAs(as, input) {
2154621546
}
2154721547
var isomorphicReactPackageVersion$jscomp$inline_2327 = React.version;
2154821548
if (
21549-
"19.2.0-www-classic-99aa685c-20250520" !==
21549+
"19.2.0-www-classic-50389e17-20250520" !==
2155021550
isomorphicReactPackageVersion$jscomp$inline_2327
2155121551
)
2155221552
throw Error(
2155321553
formatProdErrorMessage(
2155421554
527,
2155521555
isomorphicReactPackageVersion$jscomp$inline_2327,
21556-
"19.2.0-www-classic-99aa685c-20250520"
21556+
"19.2.0-www-classic-50389e17-20250520"
2155721557
)
2155821558
);
2155921559
Internals.findDOMNode = function (componentOrElement) {
@@ -21571,10 +21571,10 @@ Internals.Events = [
2157121571
];
2157221572
var internals$jscomp$inline_2329 = {
2157321573
bundleType: 0,
21574-
version: "19.2.0-www-classic-99aa685c-20250520",
21574+
version: "19.2.0-www-classic-50389e17-20250520",
2157521575
rendererPackageName: "react-dom",
2157621576
currentDispatcherRef: ReactSharedInternals,
21577-
reconcilerVersion: "19.2.0-www-classic-99aa685c-20250520"
21577+
reconcilerVersion: "19.2.0-www-classic-50389e17-20250520"
2157821578
};
2157921579
enableSchedulingProfiler &&
2158021580
((internals$jscomp$inline_2329.getLaneLabelMap = getLaneLabelMap),
@@ -21989,7 +21989,7 @@ exports.useFormState = function (action, initialState, permalink) {
2198921989
exports.useFormStatus = function () {
2199021990
return ReactSharedInternals.H.useHostTransitionStatus();
2199121991
};
21992-
exports.version = "19.2.0-www-classic-99aa685c-20250520";
21992+
exports.version = "19.2.0-www-classic-50389e17-20250520";
2199321993
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
2199421994
"function" ===
2199521995
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/ReactDOM-profiling.modern.js

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -21344,14 +21344,14 @@ function getCrossOriginStringAs(as, input) {
2134421344
}
2134521345
var isomorphicReactPackageVersion$jscomp$inline_2317 = React.version;
2134621346
if (
21347-
"19.2.0-www-modern-99aa685c-20250520" !==
21347+
"19.2.0-www-modern-50389e17-20250520" !==
2134821348
isomorphicReactPackageVersion$jscomp$inline_2317
2134921349
)
2135021350
throw Error(
2135121351
formatProdErrorMessage(
2135221352
527,
2135321353
isomorphicReactPackageVersion$jscomp$inline_2317,
21354-
"19.2.0-www-modern-99aa685c-20250520"
21354+
"19.2.0-www-modern-50389e17-20250520"
2135521355
)
2135621356
);
2135721357
Internals.findDOMNode = function (componentOrElement) {
@@ -21369,10 +21369,10 @@ Internals.Events = [
2136921369
];
2137021370
var internals$jscomp$inline_2319 = {
2137121371
bundleType: 0,
21372-
version: "19.2.0-www-modern-99aa685c-20250520",
21372+
version: "19.2.0-www-modern-50389e17-20250520",
2137321373
rendererPackageName: "react-dom",
2137421374
currentDispatcherRef: ReactSharedInternals,
21375-
reconcilerVersion: "19.2.0-www-modern-99aa685c-20250520"
21375+
reconcilerVersion: "19.2.0-www-modern-50389e17-20250520"
2137621376
};
2137721377
enableSchedulingProfiler &&
2137821378
((internals$jscomp$inline_2319.getLaneLabelMap = getLaneLabelMap),
@@ -21787,7 +21787,7 @@ exports.useFormState = function (action, initialState, permalink) {
2178721787
exports.useFormStatus = function () {
2178821788
return ReactSharedInternals.H.useHostTransitionStatus();
2178921789
};
21790-
exports.version = "19.2.0-www-modern-99aa685c-20250520";
21790+
exports.version = "19.2.0-www-modern-50389e17-20250520";
2179121791
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
2179221792
"function" ===
2179321793
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

0 commit comments

Comments
 (0)