Skip to content

Commit e401203

Browse files
gnoffgnoff
committed
[Fiber] support hydration when rendering Suspense anywhere (#32224)
follow up to #32163 This continues the work of making Suspense workable anywhere in a react-dom tree. See the prior PRs for how we handle server rendering and client rendering. In this change we update the hydration implementation to be able to locate expected nodes. In particular this means hydration understands now that the default hydration context is the document body when the container is above the body. One case that is unique to hydration is clearing Suspense boundaries. When hydration fails or when the server instructs the client to recover an errored boundary it's possible that the html, head, and body tags in the initial document were written from a fallback or a different primary content on the server and need to be replaced by the client render. However these tags (and in the case of head, their content) won't be inside the comment nodes that identify the bounds of the Suspense boundary. And when client rendering you may not even render the same singletons that were server rendered. So when server rendering a boudnary which contributes to the preamble (the html, head, and body tag openings plus the head contents) we emit a special marker comment just before closing the boundary out. This marker encodes which parts of the preamble this boundary owned. If we need to clear the suspense boundary on the client we read this marker and use it to reset the appropriate singleton state. DiffTrain build for [8bda715](8bda715)
1 parent 582a010 commit e401203

36 files changed

+3168
-2273
lines changed

‎compiled/facebook-www/REVISION

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
19ca800caa01eec2f5e65e547c67b11592bec8b0
1+
8bda71558c8b6f9f19af33271f1bfd0251a1c071

‎compiled/facebook-www/REVISION_TRANSFORMS

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
19ca800caa01eec2f5e65e547c67b11592bec8b0
1+
8bda71558c8b6f9f19af33271f1bfd0251a1c071

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

+1-1
Original file line numberDiff line numberDiff line change
@@ -1958,7 +1958,7 @@ __DEV__ &&
19581958
exports.useTransition = function () {
19591959
return resolveDispatcher().useTransition();
19601960
};
1961-
exports.version = "19.1.0-www-classic-19ca800c-20250131";
1961+
exports.version = "19.1.0-www-classic-8bda7155-20250204";
19621962
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
19631963
"function" ===
19641964
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

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

+1-1
Original file line numberDiff line numberDiff line change
@@ -1958,7 +1958,7 @@ __DEV__ &&
19581958
exports.useTransition = function () {
19591959
return resolveDispatcher().useTransition();
19601960
};
1961-
exports.version = "19.1.0-www-modern-19ca800c-20250131";
1961+
exports.version = "19.1.0-www-modern-8bda7155-20250204";
19621962
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
19631963
"function" ===
19641964
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

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

+1-1
Original file line numberDiff line numberDiff line change
@@ -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-19ca800c-20250131";
633+
exports.version = "19.1.0-www-classic-8bda7155-20250204";

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

+1-1
Original file line numberDiff line numberDiff line change
@@ -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-19ca800c-20250131";
633+
exports.version = "19.1.0-www-modern-8bda7155-20250204";

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

+1-1
Original file line numberDiff line numberDiff line change
@@ -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-19ca800c-20250131";
637+
exports.version = "19.1.0-www-classic-8bda7155-20250204";
638638
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
639639
"function" ===
640640
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

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

+1-1
Original file line numberDiff line numberDiff line change
@@ -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-19ca800c-20250131";
637+
exports.version = "19.1.0-www-modern-8bda7155-20250204";
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
@@ -16932,10 +16932,10 @@ __DEV__ &&
1693216932
(function () {
1693316933
var internals = {
1693416934
bundleType: 1,
16935-
version: "19.1.0-www-classic-19ca800c-20250131",
16935+
version: "19.1.0-www-classic-8bda7155-20250204",
1693616936
rendererPackageName: "react-art",
1693716937
currentDispatcherRef: ReactSharedInternals,
16938-
reconcilerVersion: "19.1.0-www-classic-19ca800c-20250131"
16938+
reconcilerVersion: "19.1.0-www-classic-8bda7155-20250204"
1693916939
};
1694016940
internals.overrideHookState = overrideHookState;
1694116941
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -16969,7 +16969,7 @@ __DEV__ &&
1696916969
exports.Shape = Shape;
1697016970
exports.Surface = Surface;
1697116971
exports.Text = Text;
16972-
exports.version = "19.1.0-www-classic-19ca800c-20250131";
16972+
exports.version = "19.1.0-www-classic-8bda7155-20250204";
1697316973
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
1697416974
"function" ===
1697516975
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

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

+3-3
Original file line numberDiff line numberDiff line change
@@ -16704,10 +16704,10 @@ __DEV__ &&
1670416704
(function () {
1670516705
var internals = {
1670616706
bundleType: 1,
16707-
version: "19.1.0-www-modern-19ca800c-20250131",
16707+
version: "19.1.0-www-modern-8bda7155-20250204",
1670816708
rendererPackageName: "react-art",
1670916709
currentDispatcherRef: ReactSharedInternals,
16710-
reconcilerVersion: "19.1.0-www-modern-19ca800c-20250131"
16710+
reconcilerVersion: "19.1.0-www-modern-8bda7155-20250204"
1671116711
};
1671216712
internals.overrideHookState = overrideHookState;
1671316713
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -16741,7 +16741,7 @@ __DEV__ &&
1674116741
exports.Shape = Shape;
1674216742
exports.Surface = Surface;
1674316743
exports.Text = Text;
16744-
exports.version = "19.1.0-www-modern-19ca800c-20250131";
16744+
exports.version = "19.1.0-www-modern-8bda7155-20250204";
1674516745
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
1674616746
"function" ===
1674716747
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

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

+3-3
Original file line numberDiff line numberDiff line change
@@ -10813,10 +10813,10 @@ var slice = Array.prototype.slice,
1081310813
})(React.Component);
1081410814
var internals$jscomp$inline_1512 = {
1081510815
bundleType: 0,
10816-
version: "19.1.0-www-classic-19ca800c-20250131",
10816+
version: "19.1.0-www-classic-8bda7155-20250204",
1081710817
rendererPackageName: "react-art",
1081810818
currentDispatcherRef: ReactSharedInternals,
10819-
reconcilerVersion: "19.1.0-www-classic-19ca800c-20250131"
10819+
reconcilerVersion: "19.1.0-www-classic-8bda7155-20250204"
1082010820
};
1082110821
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
1082210822
var hook$jscomp$inline_1513 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -10842,4 +10842,4 @@ exports.RadialGradient = RadialGradient;
1084210842
exports.Shape = TYPES.SHAPE;
1084310843
exports.Surface = Surface;
1084410844
exports.Text = Text;
10845-
exports.version = "19.1.0-www-classic-19ca800c-20250131";
10845+
exports.version = "19.1.0-www-classic-8bda7155-20250204";

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

+3-3
Original file line numberDiff line numberDiff line change
@@ -10533,10 +10533,10 @@ var slice = Array.prototype.slice,
1053310533
})(React.Component);
1053410534
var internals$jscomp$inline_1485 = {
1053510535
bundleType: 0,
10536-
version: "19.1.0-www-modern-19ca800c-20250131",
10536+
version: "19.1.0-www-modern-8bda7155-20250204",
1053710537
rendererPackageName: "react-art",
1053810538
currentDispatcherRef: ReactSharedInternals,
10539-
reconcilerVersion: "19.1.0-www-modern-19ca800c-20250131"
10539+
reconcilerVersion: "19.1.0-www-modern-8bda7155-20250204"
1054010540
};
1054110541
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
1054210542
var hook$jscomp$inline_1486 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -10562,4 +10562,4 @@ exports.RadialGradient = RadialGradient;
1056210562
exports.Shape = TYPES.SHAPE;
1056310563
exports.Surface = Surface;
1056410564
exports.Text = Text;
10565-
exports.version = "19.1.0-www-modern-19ca800c-20250131";
10565+
exports.version = "19.1.0-www-modern-8bda7155-20250204";

0 commit comments

Comments
 (0)