From b8decade28f645f08f2cdf37267d4f704b71ee7e Mon Sep 17 00:00:00 2001 From: sebmarkbage Date: Mon, 1 Jul 2024 14:32:38 +0000 Subject: [PATCH] [Fizz] Enable owner stacks for SSR (#30152) Stacked on #30142. This tracks owners and their stacks in DEV in Fizz. We use the ComponentStackNode as the data structure to track this information - effectively like ReactComponentInfo (Server) or Fiber (Client). They're the instance. I then port them same logic from ReactFiberComponentStack, ReactFiberOwnerStack and ReactFiberCallUserSpace to Fizz equivalents. This gets us both owner stacks from `captureOwnerStack()`, as well as appended to console.errors logged by Fizz, while rendering and in onError. DiffTrain build for [315109b02b0c9460b7466ca88f3f4d6ed1215a21](https://github.com/facebook/react/commit/315109b02b0c9460b7466ca88f3f4d6ed1215a21) --- compiled/facebook-www/REVISION | 2 +- compiled/facebook-www/REVISION_TRANSFORMS | 2 +- compiled/facebook-www/React-dev.classic.js | 2 +- compiled/facebook-www/React-dev.modern.js | 2 +- compiled/facebook-www/React-prod.classic.js | 2 +- compiled/facebook-www/React-prod.modern.js | 2 +- .../facebook-www/React-profiling.classic.js | 2 +- .../facebook-www/React-profiling.modern.js | 2 +- compiled/facebook-www/ReactART-dev.classic.js | 4 +- compiled/facebook-www/ReactART-dev.modern.js | 4 +- .../facebook-www/ReactART-prod.classic.js | 4 +- compiled/facebook-www/ReactART-prod.modern.js | 4 +- compiled/facebook-www/ReactDOM-dev.classic.js | 10 +- compiled/facebook-www/ReactDOM-dev.modern.js | 10 +- .../facebook-www/ReactDOM-prod.classic.js | 10 +- compiled/facebook-www/ReactDOM-prod.modern.js | 10 +- .../ReactDOM-profiling.classic.js | 10 +- .../facebook-www/ReactDOM-profiling.modern.js | 10 +- .../ReactDOMServer-dev.classic.js | 272 +++++++++++++----- .../facebook-www/ReactDOMServer-dev.modern.js | 272 +++++++++++++----- .../ReactDOMServer-prod.classic.js | 55 ++-- .../ReactDOMServer-prod.modern.js | 55 ++-- .../ReactDOMServerStreaming-dev.modern.js | 270 ++++++++++++----- .../ReactDOMServerStreaming-prod.modern.js | 13 +- .../ReactDOMTesting-dev.classic.js | 10 +- .../ReactDOMTesting-dev.modern.js | 10 +- .../ReactDOMTesting-prod.classic.js | 10 +- .../ReactDOMTesting-prod.modern.js | 10 +- .../ReactReconciler-dev.classic.js | 2 +- .../ReactReconciler-dev.modern.js | 2 +- .../ReactReconciler-prod.classic.js | 2 +- .../ReactReconciler-prod.modern.js | 2 +- .../ReactTestRenderer-dev.classic.js | 4 +- .../ReactTestRenderer-dev.modern.js | 4 +- compiled/facebook-www/VERSION_CLASSIC | 2 +- compiled/facebook-www/VERSION_MODERN | 2 +- 36 files changed, 735 insertions(+), 354 deletions(-) diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION index 9d09158773..9c8ba23c37 100644 --- a/compiled/facebook-www/REVISION +++ b/compiled/facebook-www/REVISION @@ -1 +1 @@ -e02baf6c92833a0d45a77fb2e741676f393c24f7 +315109b02b0c9460b7466ca88f3f4d6ed1215a21 diff --git a/compiled/facebook-www/REVISION_TRANSFORMS b/compiled/facebook-www/REVISION_TRANSFORMS index 9d09158773..9c8ba23c37 100644 --- a/compiled/facebook-www/REVISION_TRANSFORMS +++ b/compiled/facebook-www/REVISION_TRANSFORMS @@ -1 +1 @@ -e02baf6c92833a0d45a77fb2e741676f393c24f7 +315109b02b0c9460b7466ca88f3f4d6ed1215a21 diff --git a/compiled/facebook-www/React-dev.classic.js b/compiled/facebook-www/React-dev.classic.js index 2701c44e1c..29501ef358 100644 --- a/compiled/facebook-www/React-dev.classic.js +++ b/compiled/facebook-www/React-dev.classic.js @@ -1991,7 +1991,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.0.0-www-classic-e02baf6c92-20240627"; + exports.version = "19.0.0-www-classic-315109b02b-20240701"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/React-dev.modern.js b/compiled/facebook-www/React-dev.modern.js index 7621bc99d7..58b050c4a2 100644 --- a/compiled/facebook-www/React-dev.modern.js +++ b/compiled/facebook-www/React-dev.modern.js @@ -1971,7 +1971,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.0.0-www-modern-e02baf6c92-20240627"; + exports.version = "19.0.0-www-modern-315109b02b-20240701"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/React-prod.classic.js b/compiled/facebook-www/React-prod.classic.js index 74822acf42..be76c6f6d0 100644 --- a/compiled/facebook-www/React-prod.classic.js +++ b/compiled/facebook-www/React-prod.classic.js @@ -669,4 +669,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-classic-e02baf6c92-20240627"; +exports.version = "19.0.0-www-classic-315109b02b-20240701"; diff --git a/compiled/facebook-www/React-prod.modern.js b/compiled/facebook-www/React-prod.modern.js index 3620c77811..ae714dc6a3 100644 --- a/compiled/facebook-www/React-prod.modern.js +++ b/compiled/facebook-www/React-prod.modern.js @@ -669,4 +669,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-modern-e02baf6c92-20240627"; +exports.version = "19.0.0-www-modern-315109b02b-20240701"; diff --git a/compiled/facebook-www/React-profiling.classic.js b/compiled/facebook-www/React-profiling.classic.js index f7efeda88a..defc743d97 100644 --- a/compiled/facebook-www/React-profiling.classic.js +++ b/compiled/facebook-www/React-profiling.classic.js @@ -673,7 +673,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-classic-e02baf6c92-20240627"; +exports.version = "19.0.0-www-classic-315109b02b-20240701"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/React-profiling.modern.js b/compiled/facebook-www/React-profiling.modern.js index 7243e01ebe..f78bd0a514 100644 --- a/compiled/facebook-www/React-profiling.modern.js +++ b/compiled/facebook-www/React-profiling.modern.js @@ -673,7 +673,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-modern-e02baf6c92-20240627"; +exports.version = "19.0.0-www-modern-315109b02b-20240701"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactART-dev.classic.js b/compiled/facebook-www/ReactART-dev.classic.js index 5ed5b6a6cd..ea23e5b57f 100644 --- a/compiled/facebook-www/ReactART-dev.classic.js +++ b/compiled/facebook-www/ReactART-dev.classic.js @@ -16934,14 +16934,14 @@ __DEV__ && scheduleRoot: scheduleRoot, setRefreshHandler: setRefreshHandler, getCurrentFiber: getCurrentFiberForDevTools, - reconcilerVersion: "19.0.0-www-classic-e02baf6c92-20240627" + reconcilerVersion: "19.0.0-www-classic-315109b02b-20240701" }); })({ findFiberByHostInstance: function () { return null; }, bundleType: 1, - version: "19.0.0-www-classic-e02baf6c92-20240627", + version: "19.0.0-www-classic-315109b02b-20240701", rendererPackageName: "react-art" }); var ClippingRectangle = TYPES.CLIPPING_RECTANGLE, diff --git a/compiled/facebook-www/ReactART-dev.modern.js b/compiled/facebook-www/ReactART-dev.modern.js index b802f2c5da..27ed202894 100644 --- a/compiled/facebook-www/ReactART-dev.modern.js +++ b/compiled/facebook-www/ReactART-dev.modern.js @@ -16364,14 +16364,14 @@ __DEV__ && scheduleRoot: scheduleRoot, setRefreshHandler: setRefreshHandler, getCurrentFiber: getCurrentFiberForDevTools, - reconcilerVersion: "19.0.0-www-modern-e02baf6c92-20240627" + reconcilerVersion: "19.0.0-www-modern-315109b02b-20240701" }); })({ findFiberByHostInstance: function () { return null; }, bundleType: 1, - version: "19.0.0-www-modern-e02baf6c92-20240627", + version: "19.0.0-www-modern-315109b02b-20240701", rendererPackageName: "react-art" }); var ClippingRectangle = TYPES.CLIPPING_RECTANGLE, diff --git a/compiled/facebook-www/ReactART-prod.classic.js b/compiled/facebook-www/ReactART-prod.classic.js index ed44c5c44a..147c3d7b6b 100644 --- a/compiled/facebook-www/ReactART-prod.classic.js +++ b/compiled/facebook-www/ReactART-prod.classic.js @@ -10711,7 +10711,7 @@ var slice = Array.prototype.slice, return null; }, bundleType: 0, - version: "19.0.0-www-classic-e02baf6c92-20240627", + version: "19.0.0-www-classic-315109b02b-20240701", rendererPackageName: "react-art" }; var internals$jscomp$inline_1386 = { @@ -10742,7 +10742,7 @@ var internals$jscomp$inline_1386 = { scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "19.0.0-www-classic-e02baf6c92-20240627" + reconcilerVersion: "19.0.0-www-classic-315109b02b-20240701" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_1387 = __REACT_DEVTOOLS_GLOBAL_HOOK__; diff --git a/compiled/facebook-www/ReactART-prod.modern.js b/compiled/facebook-www/ReactART-prod.modern.js index d7d2631c80..571cb85bee 100644 --- a/compiled/facebook-www/ReactART-prod.modern.js +++ b/compiled/facebook-www/ReactART-prod.modern.js @@ -10164,7 +10164,7 @@ var slice = Array.prototype.slice, return null; }, bundleType: 0, - version: "19.0.0-www-modern-e02baf6c92-20240627", + version: "19.0.0-www-modern-315109b02b-20240701", rendererPackageName: "react-art" }; var internals$jscomp$inline_1372 = { @@ -10195,7 +10195,7 @@ var internals$jscomp$inline_1372 = { scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "19.0.0-www-modern-e02baf6c92-20240627" + reconcilerVersion: "19.0.0-www-modern-315109b02b-20240701" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_1373 = __REACT_DEVTOOLS_GLOBAL_HOOK__; diff --git a/compiled/facebook-www/ReactDOM-dev.classic.js b/compiled/facebook-www/ReactDOM-dev.classic.js index a80a977969..6ffaecdf8d 100644 --- a/compiled/facebook-www/ReactDOM-dev.classic.js +++ b/compiled/facebook-www/ReactDOM-dev.classic.js @@ -27370,11 +27370,11 @@ __DEV__ && : flushSyncErrorInBuildsThatSupportLegacyMode; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-www-classic-e02baf6c92-20240627" !== isomorphicReactPackageVersion) + if ("19.0.0-www-classic-315109b02b-20240701" !== 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.0.0-www-classic-e02baf6c92-20240627\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-www-classic-315109b02b-20240701\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -27440,12 +27440,12 @@ __DEV__ && scheduleRoot: scheduleRoot, setRefreshHandler: setRefreshHandler, getCurrentFiber: getCurrentFiberForDevTools, - reconcilerVersion: "19.0.0-www-classic-e02baf6c92-20240627" + reconcilerVersion: "19.0.0-www-classic-315109b02b-20240701" }); })({ findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 1, - version: "19.0.0-www-classic-e02baf6c92-20240627", + version: "19.0.0-www-classic-315109b02b-20240701", rendererPackageName: "react-dom" }) && canUseDOM && @@ -28088,7 +28088,7 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-www-classic-e02baf6c92-20240627"; + exports.version = "19.0.0-www-classic-315109b02b-20240701"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOM-dev.modern.js b/compiled/facebook-www/ReactDOM-dev.modern.js index f93d18e4d7..b75c48a78b 100644 --- a/compiled/facebook-www/ReactDOM-dev.modern.js +++ b/compiled/facebook-www/ReactDOM-dev.modern.js @@ -26517,11 +26517,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-www-modern-e02baf6c92-20240627" !== isomorphicReactPackageVersion) + if ("19.0.0-www-modern-315109b02b-20240701" !== 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.0.0-www-modern-e02baf6c92-20240627\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-www-modern-315109b02b-20240701\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -26586,12 +26586,12 @@ __DEV__ && scheduleRoot: scheduleRoot, setRefreshHandler: setRefreshHandler, getCurrentFiber: getCurrentFiberForDevTools, - reconcilerVersion: "19.0.0-www-modern-e02baf6c92-20240627" + reconcilerVersion: "19.0.0-www-modern-315109b02b-20240701" }); })({ findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 1, - version: "19.0.0-www-modern-e02baf6c92-20240627", + version: "19.0.0-www-modern-315109b02b-20240701", rendererPackageName: "react-dom" }) && canUseDOM && @@ -27187,7 +27187,7 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-www-modern-e02baf6c92-20240627"; + exports.version = "19.0.0-www-modern-315109b02b-20240701"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOM-prod.classic.js b/compiled/facebook-www/ReactDOM-prod.classic.js index 8c6e40fa71..d9d45691b2 100644 --- a/compiled/facebook-www/ReactDOM-prod.classic.js +++ b/compiled/facebook-www/ReactDOM-prod.classic.js @@ -17156,14 +17156,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_1769 = React.version; if ( - "19.0.0-www-classic-e02baf6c92-20240627" !== + "19.0.0-www-classic-315109b02b-20240701" !== isomorphicReactPackageVersion$jscomp$inline_1769 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1769, - "19.0.0-www-classic-e02baf6c92-20240627" + "19.0.0-www-classic-315109b02b-20240701" ) ); function flushSyncFromReconciler(fn) { @@ -17209,7 +17209,7 @@ Internals.Events = [ var devToolsConfig$jscomp$inline_1776 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "19.0.0-www-classic-e02baf6c92-20240627", + version: "19.0.0-www-classic-315109b02b-20240701", rendererPackageName: "react-dom" }; var internals$jscomp$inline_2220 = { @@ -17239,7 +17239,7 @@ var internals$jscomp$inline_2220 = { scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "19.0.0-www-classic-e02baf6c92-20240627" + reconcilerVersion: "19.0.0-www-classic-315109b02b-20240701" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2221 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -17703,4 +17703,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-classic-e02baf6c92-20240627"; +exports.version = "19.0.0-www-classic-315109b02b-20240701"; diff --git a/compiled/facebook-www/ReactDOM-prod.modern.js b/compiled/facebook-www/ReactDOM-prod.modern.js index 9013215d82..ec3490d727 100644 --- a/compiled/facebook-www/ReactDOM-prod.modern.js +++ b/compiled/facebook-www/ReactDOM-prod.modern.js @@ -16471,14 +16471,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_1740 = React.version; if ( - "19.0.0-www-modern-e02baf6c92-20240627" !== + "19.0.0-www-modern-315109b02b-20240701" !== isomorphicReactPackageVersion$jscomp$inline_1740 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1740, - "19.0.0-www-modern-e02baf6c92-20240627" + "19.0.0-www-modern-315109b02b-20240701" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -16497,7 +16497,7 @@ Internals.Events = [ var devToolsConfig$jscomp$inline_1742 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "19.0.0-www-modern-e02baf6c92-20240627", + version: "19.0.0-www-modern-315109b02b-20240701", rendererPackageName: "react-dom" }; var internals$jscomp$inline_2211 = { @@ -16527,7 +16527,7 @@ var internals$jscomp$inline_2211 = { scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "19.0.0-www-modern-e02baf6c92-20240627" + reconcilerVersion: "19.0.0-www-modern-315109b02b-20240701" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2212 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -16898,4 +16898,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-modern-e02baf6c92-20240627"; +exports.version = "19.0.0-www-modern-315109b02b-20240701"; diff --git a/compiled/facebook-www/ReactDOM-profiling.classic.js b/compiled/facebook-www/ReactDOM-profiling.classic.js index a27e9077aa..3733ca4569 100644 --- a/compiled/facebook-www/ReactDOM-profiling.classic.js +++ b/compiled/facebook-www/ReactDOM-profiling.classic.js @@ -17923,14 +17923,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_1856 = React.version; if ( - "19.0.0-www-classic-e02baf6c92-20240627" !== + "19.0.0-www-classic-315109b02b-20240701" !== isomorphicReactPackageVersion$jscomp$inline_1856 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1856, - "19.0.0-www-classic-e02baf6c92-20240627" + "19.0.0-www-classic-315109b02b-20240701" ) ); function flushSyncFromReconciler(fn) { @@ -17976,7 +17976,7 @@ Internals.Events = [ var devToolsConfig$jscomp$inline_1863 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "19.0.0-www-classic-e02baf6c92-20240627", + version: "19.0.0-www-classic-315109b02b-20240701", rendererPackageName: "react-dom" }; (function (internals) { @@ -18020,7 +18020,7 @@ var devToolsConfig$jscomp$inline_1863 = { scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "19.0.0-www-classic-e02baf6c92-20240627" + reconcilerVersion: "19.0.0-www-classic-315109b02b-20240701" }); function ReactDOMRoot(internalRoot) { this._internalRoot = internalRoot; @@ -18471,7 +18471,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-classic-e02baf6c92-20240627"; +exports.version = "19.0.0-www-classic-315109b02b-20240701"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOM-profiling.modern.js b/compiled/facebook-www/ReactDOM-profiling.modern.js index 6c85b2c6df..e91a255bc7 100644 --- a/compiled/facebook-www/ReactDOM-profiling.modern.js +++ b/compiled/facebook-www/ReactDOM-profiling.modern.js @@ -17221,14 +17221,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_1827 = React.version; if ( - "19.0.0-www-modern-e02baf6c92-20240627" !== + "19.0.0-www-modern-315109b02b-20240701" !== isomorphicReactPackageVersion$jscomp$inline_1827 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1827, - "19.0.0-www-modern-e02baf6c92-20240627" + "19.0.0-www-modern-315109b02b-20240701" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -17247,7 +17247,7 @@ Internals.Events = [ var devToolsConfig$jscomp$inline_1829 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "19.0.0-www-modern-e02baf6c92-20240627", + version: "19.0.0-www-modern-315109b02b-20240701", rendererPackageName: "react-dom" }; (function (internals) { @@ -17291,7 +17291,7 @@ var devToolsConfig$jscomp$inline_1829 = { scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "19.0.0-www-modern-e02baf6c92-20240627" + reconcilerVersion: "19.0.0-www-modern-315109b02b-20240701" }); function ReactDOMRoot(internalRoot) { this._internalRoot = internalRoot; @@ -17649,7 +17649,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-modern-e02baf6c92-20240627"; +exports.version = "19.0.0-www-modern-315109b02b-20240701"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOMServer-dev.classic.js b/compiled/facebook-www/ReactDOMServer-dev.classic.js index 6f1e3a841f..72b957130e 100644 --- a/compiled/facebook-www/ReactDOMServer-dev.classic.js +++ b/compiled/facebook-www/ReactDOMServer-dev.classic.js @@ -4241,6 +4241,16 @@ __DEV__ && "function" === typeof fn && componentFrameCache.set(fn, sampleLines); return sampleLines; } + function callComponentInDEV(Component, props, secondArg) { + return Component(props, secondArg); + } + function callRenderInDEV(instance) { + return instance.render(); + } + function callLazyInitInDEV(lazy) { + var init = lazy._init; + return init(lazy._payload); + } function getStackByComponentStackNode(componentStack) { try { var info = ""; @@ -4525,8 +4535,23 @@ __DEV__ && ? "" : getStackByComponentStackNode(currentTaskInDEV.componentStack); } - function createBuiltInComponentStack(task, type) { - return { tag: 0, parent: task.componentStack, type: type }; + function createBuiltInComponentStack(task, type, owner, stack) { + return { + tag: 0, + parent: task.componentStack, + type: type, + owner: owner, + stack: stack + }; + } + function createFunctionComponentStack(task, type, owner, stack) { + return { + tag: 1, + parent: task.componentStack, + type: type, + owner: owner, + stack: stack + }; } function getThrownInfo(request, node) { return node ? { componentStack: getStackByComponentStackNode(node) } : {}; @@ -4591,7 +4616,7 @@ __DEV__ && thenableIndexCounter = 0; thenableState = prevThenableState; for ( - request = Component(props, secondArg); + request = callComponentInDEV(Component, props, secondArg); didScheduleRenderPhaseUpdate; ) @@ -4712,7 +4737,16 @@ __DEV__ && "Popping the context provider did not return back to the original snapshot. This is a bug in React." ); } - function renderElement(request, task, keyPath, type, props, ref) { + function renderElement( + request, + task, + keyPath, + type, + props, + ref, + owner, + stack + ) { if ("function" === typeof type) if (type.prototype && type.prototype.isReactComponent) { var newProps = props; @@ -4733,7 +4767,9 @@ __DEV__ && task.componentStack = { tag: 2, parent: task.componentStack, - type: type + type: type, + owner: owner, + stack: stack }; var maskedContext = getMaskedContext(type, task.legacyContext), contextType = type.contextType; @@ -5087,7 +5123,7 @@ __DEV__ && } } else internalInstance.queue = null; } - var nextChildren = instance.render(); + var nextChildren = callRenderInDEV(instance); instance.props !== resolvedProps && (didWarnAboutReassigningProps || error$jscomp$2( @@ -5136,11 +5172,12 @@ __DEV__ && } else { var legacyContext = getMaskedContext(type, task.legacyContext); var previousComponentStack$jscomp$0 = task.componentStack; - task.componentStack = { - tag: 1, - parent: task.componentStack, - type: type - }; + task.componentStack = createFunctionComponentStack( + task, + type, + owner, + stack + ); if (type.prototype && "function" === typeof type.prototype.render) { var componentName$jscomp$4 = getComponentNameFromType(type) || "Unknown"; @@ -5226,7 +5263,12 @@ __DEV__ && } else if ("string" === typeof type) { var previousComponentStack$jscomp$1 = task.componentStack; - task.componentStack = createBuiltInComponentStack(task, type); + task.componentStack = createBuiltInComponentStack( + task, + type, + owner, + stack + ); var segment = task.blockedSegment; if (null === segment) { var children = props.children, @@ -5321,7 +5363,9 @@ __DEV__ && var preiousComponentStack = task.componentStack; task.componentStack = createBuiltInComponentStack( task, - "SuspenseList" + "SuspenseList", + owner, + stack ); var _prevKeyPath3 = task.keyPath; task.keyPath = keyPath; @@ -5348,7 +5392,7 @@ __DEV__ && } else { var previousComponentStack$jscomp$2 = task.componentStack, suspenseComponentStack = (task.componentStack = - createBuiltInComponentStack(task, "Suspense")), + createBuiltInComponentStack(task, "Suspense", owner, stack)), prevKeyPath$jscomp$3 = task.keyPath, parentBoundary = task.blockedBoundary, parentHoistableState = task.hoistableState, @@ -5469,11 +5513,12 @@ __DEV__ && switch (type.$$typeof) { case REACT_FORWARD_REF_TYPE: var previousComponentStack$jscomp$3 = task.componentStack; - task.componentStack = { - tag: 1, - parent: task.componentStack, - type: type.render - }; + task.componentStack = createFunctionComponentStack( + task, + type.render, + owner, + stack + ); if ("ref" in props) { var propsWithoutRef = {}; for (var key in props) @@ -5510,7 +5555,9 @@ __DEV__ && keyPath, innerType, resolvedProps$jscomp$0, - ref + ref, + owner, + stack ); return; case REACT_PROVIDER_TYPE: @@ -5547,20 +5594,24 @@ __DEV__ && } case REACT_LAZY_TYPE: var previousComponentStack$jscomp$4 = task.componentStack; - task.componentStack = createBuiltInComponentStack(task, "Lazy"); - var init = type._init, - Component = init(type._payload), - resolvedProps$jscomp$1 = resolveDefaultPropsOnNonClassComponent( - Component, - props - ); + task.componentStack = createBuiltInComponentStack( + task, + "Lazy", + owner, + stack + ); + var Component = callLazyInitInDEV(type); + var resolvedProps$jscomp$1 = + resolveDefaultPropsOnNonClassComponent(Component, props); renderElement( request, task, keyPath, Component, resolvedProps$jscomp$1, - void 0 + ref, + owner, + stack ); task.componentStack = previousComponentStack$jscomp$4; return; @@ -5620,9 +5671,10 @@ __DEV__ && case REACT_ELEMENT_TYPE: var type = node$jscomp$0.type, key = node$jscomp$0.key, - props = node$jscomp$0.props; - node$jscomp$0 = props.ref; - var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null; + props = node$jscomp$0.props, + refProp = props.ref; + var ref = void 0 !== refProp ? refProp : null; + refProp = node$jscomp$0._owner; var name = getComponentNameFromType(type), keyOrIndex = null == key ? (-1 === childIndex ? 0 : childIndex) : key; @@ -5656,7 +5708,16 @@ __DEV__ && pendingTasks: 1 }; try { - renderElement(request, task, key, type, props, ref); + renderElement( + request, + task, + key, + type, + props, + ref, + refProp, + null + ); if ( 1 === task.replay.pendingTasks && 0 < task.replay.nodes.length @@ -5676,12 +5737,12 @@ __DEV__ && (task.node === node && (task.replay = replay), x) ); task.replay.pendingTasks--; - type = getThrownInfo(request, task.componentStack); + refProp = getThrownInfo(request, task.componentStack); erroredReplay( request, task.blockedBoundary, x, - type, + refProp, childNodes, name ); @@ -5696,16 +5757,22 @@ __DEV__ && ); b: { type = void 0; + ref = key; var props$jscomp$0 = props; props = node[5]; - ref = node[2]; + key = node[2]; replay = node[3]; name = null === node[4] ? [] : node[4][2]; node = null === node[4] ? null : node[4][3]; keyOrIndex = task.componentStack; - var suspenseComponentStack = (task.componentStack = - createBuiltInComponentStack(task, "Suspense")), - prevKeyPath = task.keyPath, + refProp = task.componentStack = + createBuiltInComponentStack( + task, + "Suspense", + refProp, + null + ); + var prevKeyPath = task.keyPath, previousReplaySet = task.replay, parentBoundary = task.blockedBoundary, parentHoistableState = task.hoistableState, @@ -5721,7 +5788,7 @@ __DEV__ && task.blockedBoundary = resumedBoundary; task.hoistableState = resumedBoundary.contentState; task.replay = { - nodes: ref, + nodes: key, slots: replay, pendingTasks: 1 }; @@ -5781,12 +5848,12 @@ __DEV__ && parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, - [key[0], "Suspense Fallback", key[2]], + [ref[0], "Suspense Fallback", ref[2]], task.formatContext, task.legacyContext, task.context, task.treeContext, - suspenseComponentStack, + refProp, !0 ); request.pingedTasks.push(childNodes); @@ -5797,7 +5864,17 @@ __DEV__ && } } } - else renderElement(request, task, key, type, props, ref); + else + renderElement( + request, + task, + key, + type, + props, + ref, + refProp, + null + ); return; case REACT_PORTAL_TYPE: throw Error( @@ -5805,9 +5882,13 @@ __DEV__ && ); case REACT_LAZY_TYPE: childNodes = task.componentStack; - task.componentStack = createBuiltInComponentStack(task, "Lazy"); - type = node$jscomp$0._init; - node$jscomp$0 = type(node$jscomp$0._payload); + task.componentStack = createBuiltInComponentStack( + task, + "Lazy", + null, + null + ); + node$jscomp$0 = callLazyInitInDEV(node$jscomp$0); task.componentStack = childNodes; renderNodeDestructive(request, task, node$jscomp$0, childIndex); return; @@ -5817,13 +5898,13 @@ __DEV__ && return; } null === node$jscomp$0 || "object" !== typeof node$jscomp$0 - ? (type = null) + ? (refProp = null) : ((childNodes = (MAYBE_ITERATOR_SYMBOL && node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) || node$jscomp$0["@@iterator"]), - (type = "function" === typeof childNodes ? childNodes : null)); - if (type && (childNodes = type.call(node$jscomp$0))) { + (refProp = "function" === typeof childNodes ? childNodes : null)); + if (refProp && (childNodes = refProp.call(node$jscomp$0))) { if (childNodes === node$jscomp$0) { if ( -1 !== childIndex || @@ -5840,7 +5921,7 @@ __DEV__ && ), (didWarnAboutGenerators = !0); } else - node$jscomp$0.entries !== type || + node$jscomp$0.entries !== refProp || didWarnAboutMaps || (error$jscomp$2( "Using Maps as children is not supported. Use an array of keyed ReactElements instead." @@ -5848,12 +5929,12 @@ __DEV__ && (didWarnAboutMaps = !0)); node$jscomp$0 = childNodes.next(); if (!node$jscomp$0.done) { - type = []; + refProp = []; do - type.push(node$jscomp$0.value), + refProp.push(node$jscomp$0.value), (node$jscomp$0 = childNodes.next()); while (!node$jscomp$0.done); - renderChildrenArray(request, task, type, childIndex); + renderChildrenArray(request, task, refProp, childIndex); } return; } @@ -6020,33 +6101,68 @@ __DEV__ && null == didWarnForKey && (didWarnForKey = request.didWarnForKey = new WeakSet()); request = node.componentStack; - null === request || - didWarnForKey.has(request) || - (didWarnForKey.add(request), - (didWarnForKey = node), - (resumeSegmentID = resumeSegmentID.type), - (resumeSegmentID = - "string" === typeof resumeSegmentID - ? createBuiltInComponentStack(didWarnForKey, resumeSegmentID) - : resumeSegmentID.prototype && - resumeSegmentID.prototype.isReactComponent + if (null !== request && !didWarnForKey.has(request)) { + didWarnForKey.add(request); + didWarnForKey = getComponentNameFromType(resumeSegmentID.type); + var childOwner = resumeSegmentID._owner, + parentOwner = request.owner; + request = ""; + if (parentOwner && "number" === typeof parentOwner.tag) { + var name = getComponentNameFromType(parentOwner.type); + name && + (request = "\n\nCheck the render method of `" + name + "`."); + } + request || + (didWarnForKey && + (request = + "\n\nCheck the top-level render call using <" + + didWarnForKey + + ">.")); + didWarnForKey = ""; + null != childOwner && + parentOwner !== childOwner && + ((parentOwner = null), + "number" === typeof childOwner.tag + ? (parentOwner = getComponentNameFromType(childOwner.type)) + : "string" === typeof childOwner.name && + (parentOwner = childOwner.name), + parentOwner && + (didWarnForKey = + " It was passed a child from " + parentOwner + ".")); + childOwner = node; + parentOwner = resumeSegmentID.type; + resumeSegmentID = resumeSegmentID._owner; + resumeSegmentID = + "string" === typeof parentOwner + ? createBuiltInComponentStack( + childOwner, + parentOwner, + resumeSegmentID, + null + ) + : parentOwner.prototype && + parentOwner.prototype.isReactComponent ? { tag: 2, - parent: didWarnForKey.componentStack, - type: resumeSegmentID + parent: childOwner.componentStack, + type: parentOwner, + owner: resumeSegmentID, + stack: null } - : { - tag: 1, - parent: didWarnForKey.componentStack, - type: resumeSegmentID - }), - (node.componentStack = resumeSegmentID), + : createFunctionComponentStack( + childOwner, + parentOwner, + resumeSegmentID, + null + ); + node.componentStack = resumeSegmentID; error$jscomp$2( 'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.', - "", - "" - ), - (node.componentStack = resumeSegmentID.parent)); + request, + didWarnForKey + ); + node.componentStack = resumeSegmentID.parent; + } } task.treeContext = pushTreeContext(replay, replayNodes, j); renderNode(request$jscomp$0, task, childIndex, j); @@ -8734,12 +8850,15 @@ __DEV__ && HooksDispatcher.useFormState = useActionState; HooksDispatcher.useActionState = useActionState; var currentResumableState = null, + currentTaskInDEV = null, DefaultAsyncDispatcher = { getCacheForType: function () { throw Error("Not implemented."); }, getOwner: function () { - return null; + return null === currentTaskInDEV + ? null + : currentTaskInDEV.componentStack; } }, disabledDepth = 0, @@ -8762,7 +8881,6 @@ __DEV__ && FLUSHED = 2, POSTPONED = 5, currentRequest = null, - currentTaskInDEV = null, didWarnAboutBadClass = {}, didWarnAboutContextTypeOnFunctionComponent = {}, didWarnAboutGetDerivedStateOnFunctionComponent = {}, @@ -8786,5 +8904,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.0.0-www-classic-e02baf6c92-20240627"; + exports.version = "19.0.0-www-classic-315109b02b-20240701"; })(); diff --git a/compiled/facebook-www/ReactDOMServer-dev.modern.js b/compiled/facebook-www/ReactDOMServer-dev.modern.js index eced2e3754..5287ae3cf1 100644 --- a/compiled/facebook-www/ReactDOMServer-dev.modern.js +++ b/compiled/facebook-www/ReactDOMServer-dev.modern.js @@ -4233,6 +4233,16 @@ __DEV__ && "function" === typeof fn && componentFrameCache.set(fn, sampleLines); return sampleLines; } + function callComponentInDEV(Component, props, secondArg) { + return Component(props, secondArg); + } + function callRenderInDEV(instance) { + return instance.render(); + } + function callLazyInitInDEV(lazy) { + var init = lazy._init; + return init(lazy._payload); + } function getStackByComponentStackNode(componentStack) { try { var info = ""; @@ -4517,8 +4527,23 @@ __DEV__ && ? "" : getStackByComponentStackNode(currentTaskInDEV.componentStack); } - function createBuiltInComponentStack(task, type) { - return { tag: 0, parent: task.componentStack, type: type }; + function createBuiltInComponentStack(task, type, owner, stack) { + return { + tag: 0, + parent: task.componentStack, + type: type, + owner: owner, + stack: stack + }; + } + function createFunctionComponentStack(task, type, owner, stack) { + return { + tag: 1, + parent: task.componentStack, + type: type, + owner: owner, + stack: stack + }; } function getThrownInfo(request, node) { return node ? { componentStack: getStackByComponentStackNode(node) } : {}; @@ -4583,7 +4608,7 @@ __DEV__ && thenableIndexCounter = 0; thenableState = prevThenableState; for ( - request = Component(props, secondArg); + request = callComponentInDEV(Component, props, secondArg); didScheduleRenderPhaseUpdate; ) @@ -4704,7 +4729,16 @@ __DEV__ && "Popping the context provider did not return back to the original snapshot. This is a bug in React." ); } - function renderElement(request, task, keyPath, type, props, ref) { + function renderElement( + request, + task, + keyPath, + type, + props, + ref, + owner, + stack + ) { if ("function" === typeof type) if (type.prototype && type.prototype.isReactComponent) { var newProps = props; @@ -4725,7 +4759,9 @@ __DEV__ && task.componentStack = { tag: 2, parent: task.componentStack, - type: type + type: type, + owner: owner, + stack: stack }; var context = emptyContextObject, contextType = type.contextType; @@ -5074,7 +5110,7 @@ __DEV__ && } } else internalInstance.queue = null; } - var nextChildren = instance.render(); + var nextChildren = callRenderInDEV(instance); instance.props !== resolvedProps && (didWarnAboutReassigningProps || error$jscomp$2( @@ -5089,11 +5125,12 @@ __DEV__ && task.componentStack = previousComponentStack; } else { var previousComponentStack$jscomp$0 = task.componentStack; - task.componentStack = { - tag: 1, - parent: task.componentStack, - type: type - }; + task.componentStack = createFunctionComponentStack( + task, + type, + owner, + stack + ); if (type.prototype && "function" === typeof type.prototype.render) { var componentName$jscomp$3 = getComponentNameFromType(type) || "Unknown"; @@ -5184,7 +5221,12 @@ __DEV__ && } else if ("string" === typeof type) { var previousComponentStack$jscomp$1 = task.componentStack; - task.componentStack = createBuiltInComponentStack(task, type); + task.componentStack = createBuiltInComponentStack( + task, + type, + owner, + stack + ); var segment = task.blockedSegment; if (null === segment) { var children = props.children, @@ -5279,7 +5321,9 @@ __DEV__ && var preiousComponentStack = task.componentStack; task.componentStack = createBuiltInComponentStack( task, - "SuspenseList" + "SuspenseList", + owner, + stack ); var _prevKeyPath3 = task.keyPath; task.keyPath = keyPath; @@ -5306,7 +5350,7 @@ __DEV__ && } else { var previousComponentStack$jscomp$2 = task.componentStack, suspenseComponentStack = (task.componentStack = - createBuiltInComponentStack(task, "Suspense")), + createBuiltInComponentStack(task, "Suspense", owner, stack)), prevKeyPath$jscomp$3 = task.keyPath, parentBoundary = task.blockedBoundary, parentHoistableState = task.hoistableState, @@ -5427,11 +5471,12 @@ __DEV__ && switch (type.$$typeof) { case REACT_FORWARD_REF_TYPE: var previousComponentStack$jscomp$3 = task.componentStack; - task.componentStack = { - tag: 1, - parent: task.componentStack, - type: type.render - }; + task.componentStack = createFunctionComponentStack( + task, + type.render, + owner, + stack + ); if ("ref" in props) { var propsWithoutRef = {}; for (var key in props) @@ -5468,7 +5513,9 @@ __DEV__ && keyPath, innerType, resolvedProps$jscomp$0, - ref + ref, + owner, + stack ); return; case REACT_PROVIDER_TYPE: @@ -5505,20 +5552,24 @@ __DEV__ && } case REACT_LAZY_TYPE: var previousComponentStack$jscomp$4 = task.componentStack; - task.componentStack = createBuiltInComponentStack(task, "Lazy"); - var init = type._init, - Component = init(type._payload), - resolvedProps$jscomp$1 = resolveDefaultPropsOnNonClassComponent( - Component, - props - ); + task.componentStack = createBuiltInComponentStack( + task, + "Lazy", + owner, + stack + ); + var Component = callLazyInitInDEV(type); + var resolvedProps$jscomp$1 = + resolveDefaultPropsOnNonClassComponent(Component, props); renderElement( request, task, keyPath, Component, resolvedProps$jscomp$1, - void 0 + ref, + owner, + stack ); task.componentStack = previousComponentStack$jscomp$4; return; @@ -5578,9 +5629,10 @@ __DEV__ && case REACT_ELEMENT_TYPE: var type = node$jscomp$0.type, key = node$jscomp$0.key, - props = node$jscomp$0.props; - node$jscomp$0 = props.ref; - var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null; + props = node$jscomp$0.props, + refProp = props.ref; + var ref = void 0 !== refProp ? refProp : null; + refProp = node$jscomp$0._owner; var name = getComponentNameFromType(type), keyOrIndex = null == key ? (-1 === childIndex ? 0 : childIndex) : key; @@ -5614,7 +5666,16 @@ __DEV__ && pendingTasks: 1 }; try { - renderElement(request, task, key, type, props, ref); + renderElement( + request, + task, + key, + type, + props, + ref, + refProp, + null + ); if ( 1 === task.replay.pendingTasks && 0 < task.replay.nodes.length @@ -5634,12 +5695,12 @@ __DEV__ && (task.node === node && (task.replay = replay), x) ); task.replay.pendingTasks--; - type = getThrownInfo(request, task.componentStack); + refProp = getThrownInfo(request, task.componentStack); erroredReplay( request, task.blockedBoundary, x, - type, + refProp, childNodes, name ); @@ -5654,16 +5715,22 @@ __DEV__ && ); b: { type = void 0; + ref = key; var props$jscomp$0 = props; props = node[5]; - ref = node[2]; + key = node[2]; replay = node[3]; name = null === node[4] ? [] : node[4][2]; node = null === node[4] ? null : node[4][3]; keyOrIndex = task.componentStack; - var suspenseComponentStack = (task.componentStack = - createBuiltInComponentStack(task, "Suspense")), - prevKeyPath = task.keyPath, + refProp = task.componentStack = + createBuiltInComponentStack( + task, + "Suspense", + refProp, + null + ); + var prevKeyPath = task.keyPath, previousReplaySet = task.replay, parentBoundary = task.blockedBoundary, parentHoistableState = task.hoistableState, @@ -5679,7 +5746,7 @@ __DEV__ && task.blockedBoundary = resumedBoundary; task.hoistableState = resumedBoundary.contentState; task.replay = { - nodes: ref, + nodes: key, slots: replay, pendingTasks: 1 }; @@ -5739,12 +5806,12 @@ __DEV__ && parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, - [key[0], "Suspense Fallback", key[2]], + [ref[0], "Suspense Fallback", ref[2]], task.formatContext, task.legacyContext, task.context, task.treeContext, - suspenseComponentStack, + refProp, !0 ); request.pingedTasks.push(childNodes); @@ -5755,7 +5822,17 @@ __DEV__ && } } } - else renderElement(request, task, key, type, props, ref); + else + renderElement( + request, + task, + key, + type, + props, + ref, + refProp, + null + ); return; case REACT_PORTAL_TYPE: throw Error( @@ -5763,9 +5840,13 @@ __DEV__ && ); case REACT_LAZY_TYPE: childNodes = task.componentStack; - task.componentStack = createBuiltInComponentStack(task, "Lazy"); - type = node$jscomp$0._init; - node$jscomp$0 = type(node$jscomp$0._payload); + task.componentStack = createBuiltInComponentStack( + task, + "Lazy", + null, + null + ); + node$jscomp$0 = callLazyInitInDEV(node$jscomp$0); task.componentStack = childNodes; renderNodeDestructive(request, task, node$jscomp$0, childIndex); return; @@ -5775,13 +5856,13 @@ __DEV__ && return; } null === node$jscomp$0 || "object" !== typeof node$jscomp$0 - ? (type = null) + ? (refProp = null) : ((childNodes = (MAYBE_ITERATOR_SYMBOL && node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) || node$jscomp$0["@@iterator"]), - (type = "function" === typeof childNodes ? childNodes : null)); - if (type && (childNodes = type.call(node$jscomp$0))) { + (refProp = "function" === typeof childNodes ? childNodes : null)); + if (refProp && (childNodes = refProp.call(node$jscomp$0))) { if (childNodes === node$jscomp$0) { if ( -1 !== childIndex || @@ -5798,7 +5879,7 @@ __DEV__ && ), (didWarnAboutGenerators = !0); } else - node$jscomp$0.entries !== type || + node$jscomp$0.entries !== refProp || didWarnAboutMaps || (error$jscomp$2( "Using Maps as children is not supported. Use an array of keyed ReactElements instead." @@ -5806,12 +5887,12 @@ __DEV__ && (didWarnAboutMaps = !0)); node$jscomp$0 = childNodes.next(); if (!node$jscomp$0.done) { - type = []; + refProp = []; do - type.push(node$jscomp$0.value), + refProp.push(node$jscomp$0.value), (node$jscomp$0 = childNodes.next()); while (!node$jscomp$0.done); - renderChildrenArray(request, task, type, childIndex); + renderChildrenArray(request, task, refProp, childIndex); } return; } @@ -5978,33 +6059,68 @@ __DEV__ && null == didWarnForKey && (didWarnForKey = request.didWarnForKey = new WeakSet()); request = node.componentStack; - null === request || - didWarnForKey.has(request) || - (didWarnForKey.add(request), - (didWarnForKey = node), - (resumeSegmentID = resumeSegmentID.type), - (resumeSegmentID = - "string" === typeof resumeSegmentID - ? createBuiltInComponentStack(didWarnForKey, resumeSegmentID) - : resumeSegmentID.prototype && - resumeSegmentID.prototype.isReactComponent + if (null !== request && !didWarnForKey.has(request)) { + didWarnForKey.add(request); + didWarnForKey = getComponentNameFromType(resumeSegmentID.type); + var childOwner = resumeSegmentID._owner, + parentOwner = request.owner; + request = ""; + if (parentOwner && "number" === typeof parentOwner.tag) { + var name = getComponentNameFromType(parentOwner.type); + name && + (request = "\n\nCheck the render method of `" + name + "`."); + } + request || + (didWarnForKey && + (request = + "\n\nCheck the top-level render call using <" + + didWarnForKey + + ">.")); + didWarnForKey = ""; + null != childOwner && + parentOwner !== childOwner && + ((parentOwner = null), + "number" === typeof childOwner.tag + ? (parentOwner = getComponentNameFromType(childOwner.type)) + : "string" === typeof childOwner.name && + (parentOwner = childOwner.name), + parentOwner && + (didWarnForKey = + " It was passed a child from " + parentOwner + ".")); + childOwner = node; + parentOwner = resumeSegmentID.type; + resumeSegmentID = resumeSegmentID._owner; + resumeSegmentID = + "string" === typeof parentOwner + ? createBuiltInComponentStack( + childOwner, + parentOwner, + resumeSegmentID, + null + ) + : parentOwner.prototype && + parentOwner.prototype.isReactComponent ? { tag: 2, - parent: didWarnForKey.componentStack, - type: resumeSegmentID + parent: childOwner.componentStack, + type: parentOwner, + owner: resumeSegmentID, + stack: null } - : { - tag: 1, - parent: didWarnForKey.componentStack, - type: resumeSegmentID - }), - (node.componentStack = resumeSegmentID), + : createFunctionComponentStack( + childOwner, + parentOwner, + resumeSegmentID, + null + ); + node.componentStack = resumeSegmentID; error$jscomp$2( 'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.', - "", - "" - ), - (node.componentStack = resumeSegmentID.parent)); + request, + didWarnForKey + ); + node.componentStack = resumeSegmentID.parent; + } } task.treeContext = pushTreeContext(replay, replayNodes, j); renderNode(request$jscomp$0, task, childIndex, j); @@ -8690,12 +8806,15 @@ __DEV__ && HooksDispatcher.useFormState = useActionState; HooksDispatcher.useActionState = useActionState; var currentResumableState = null, + currentTaskInDEV = null, DefaultAsyncDispatcher = { getCacheForType: function () { throw Error("Not implemented."); }, getOwner: function () { - return null; + return null === currentTaskInDEV + ? null + : currentTaskInDEV.componentStack; } }, disabledDepth = 0, @@ -8718,7 +8837,6 @@ __DEV__ && FLUSHED = 2, POSTPONED = 5, currentRequest = null, - currentTaskInDEV = null, didWarnAboutBadClass = {}, didWarnAboutContextTypeOnFunctionComponent = {}, didWarnAboutGetDerivedStateOnFunctionComponent = {}, @@ -8742,5 +8860,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.0.0-www-modern-e02baf6c92-20240627"; + exports.version = "19.0.0-www-modern-315109b02b-20240701"; })(); diff --git a/compiled/facebook-www/ReactDOMServer-prod.classic.js b/compiled/facebook-www/ReactDOMServer-prod.classic.js index 2a27cb8241..d06ddcb670 100644 --- a/compiled/facebook-www/ReactDOMServer-prod.classic.js +++ b/compiled/facebook-www/ReactDOMServer-prod.classic.js @@ -2680,16 +2680,16 @@ function createRenderState(resumableState, generateStaticMarkup) { "\x3c/script>" ); bootstrapScriptContent = idPrefix + "P:"; - var JSCompiler_object_inline_segmentPrefix_1654 = idPrefix + "S:"; + var JSCompiler_object_inline_segmentPrefix_1670 = idPrefix + "S:"; idPrefix += "B:"; - var JSCompiler_object_inline_preconnects_1668 = new Set(), - JSCompiler_object_inline_fontPreloads_1669 = new Set(), - JSCompiler_object_inline_highImagePreloads_1670 = new Set(), - JSCompiler_object_inline_styles_1671 = new Map(), - JSCompiler_object_inline_bootstrapScripts_1672 = new Set(), - JSCompiler_object_inline_scripts_1673 = new Set(), - JSCompiler_object_inline_bulkPreloads_1674 = new Set(), - JSCompiler_object_inline_preloads_1675 = { + var JSCompiler_object_inline_preconnects_1684 = new Set(), + JSCompiler_object_inline_fontPreloads_1685 = new Set(), + JSCompiler_object_inline_highImagePreloads_1686 = new Set(), + JSCompiler_object_inline_styles_1687 = new Map(), + JSCompiler_object_inline_bootstrapScripts_1688 = new Set(), + JSCompiler_object_inline_scripts_1689 = new Set(), + JSCompiler_object_inline_bulkPreloads_1690 = new Set(), + JSCompiler_object_inline_preloads_1691 = { images: new Map(), stylesheets: new Map(), scripts: new Map(), @@ -2726,7 +2726,7 @@ function createRenderState(resumableState, generateStaticMarkup) { scriptConfig.moduleScriptResources[href] = null; scriptConfig = []; pushLinkImpl(scriptConfig, props); - JSCompiler_object_inline_bootstrapScripts_1672.add(scriptConfig); + JSCompiler_object_inline_bootstrapScripts_1688.add(scriptConfig); bootstrapChunks.push('