From 93ff544b29a0d21a787d74961beb2d15148fefca Mon Sep 17 00:00:00 2001 From: hoxyq Date: Wed, 7 May 2025 07:55:29 -0700 Subject: [PATCH] [DevTools] Use Popover API for TraceUpdates highlighting (#32614) ## Summary When using React DevTools to highlight component updates, the highlights would sometimes appear behind elements that use the browser's [top-layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer) (such as `` elements or components using the Popover API). This made it difficult to see which components were updating when they were inside or behind top-layer elements. This PR fixes the issue by using the Popover API to ensure that highlighting appears on top of all content, including elements in the top-layer. The implementation maintains backward compatibility with browsers that don't support the Popover API. ## How did you test this change? I tested this change in the following ways: 1. Manually tested in Chrome (which supports the Popover API) with: - Created a test application with React components inside `` elements and custom elements using the Popover API - Verified that component highlighting appears above these elements when they update - Confirmed that highlighting displays correctly for nested components within top-layer elements 2. Verified backward compatibility: - Tested in browsers without Popover API support to ensure fallback behavior works correctly - Confirmed that no errors occur and highlighting still functions as before 3. Ran the React DevTools test suite: - All tests pass successfully - No regressions were introduced [demo-page](https://devtools-toplayer-demo.vercel.app/) [demo-repo](https://github.com/yongsk0066/devtools-toplayer-demo) ### AS-IS https://github.com/user-attachments/assets/dc2e1281-969f-4f61-82c3-480153916969 ### TO-BE https://github.com/user-attachments/assets/dd52ce35-816c-42f0-819b-0d5d0a8a21e5 DiffTrain build for [53c9f81049b4440a02b5ed3edb128516821c0279](https://github.com/facebook/react/commit/53c9f81049b4440a02b5ed3edb128516821c0279) --- compiled-rn/VERSION_NATIVE_FB | 2 +- .../vendor/react/react-dom/cjs/ReactDOM-dev.js | 4 ++-- .../vendor/react/react-dom/cjs/ReactDOM-prod.js | 4 ++-- .../vendor/react/react-dom/cjs/ReactDOM-profiling.js | 4 ++-- .../vendor/react/react-dom/cjs/ReactDOMClient-dev.js | 12 ++++++------ .../react/react-dom/cjs/ReactDOMClient-prod.js | 12 ++++++------ .../react/react-dom/cjs/ReactDOMClient-profiling.js | 12 ++++++------ .../react/react-dom/cjs/ReactDOMProfiling-dev.js | 12 ++++++------ .../react/react-dom/cjs/ReactDOMProfiling-prod.js | 12 ++++++------ .../react-dom/cjs/ReactDOMProfiling-profiling.js | 12 ++++++------ .../react-test-renderer/cjs/ReactTestRenderer-dev.js | 8 ++++---- .../cjs/ReactTestRenderer-prod.js | 8 ++++---- .../cjs/ReactTestRenderer-profiling.js | 8 ++++---- .../RKJSModules/vendor/react/react/cjs/React-dev.js | 4 ++-- .../RKJSModules/vendor/react/react/cjs/React-prod.js | 4 ++-- .../vendor/react/react/cjs/React-profiling.js | 4 ++-- .../react-native-github/Libraries/Renderer/REVISION | 2 +- .../Renderer/implementations/ReactFabric-dev.fb.js | 6 +++--- .../Renderer/implementations/ReactFabric-prod.fb.js | 6 +++--- .../implementations/ReactFabric-profiling.fb.js | 6 +++--- .../implementations/ReactNativeRenderer-dev.fb.js | 10 +++++----- .../implementations/ReactNativeRenderer-prod.fb.js | 10 +++++----- .../ReactNativeRenderer-profiling.fb.js | 10 +++++----- .../js/tools/eslint-plugin-react-hooks/package.json | 2 +- 24 files changed, 87 insertions(+), 87 deletions(-) diff --git a/compiled-rn/VERSION_NATIVE_FB b/compiled-rn/VERSION_NATIVE_FB index 89300817d0..b0410e8d25 100644 --- a/compiled-rn/VERSION_NATIVE_FB +++ b/compiled-rn/VERSION_NATIVE_FB @@ -1 +1 @@ -19.2.0-native-fb-e5a8de81-20250506 \ No newline at end of file +19.2.0-native-fb-53c9f810-20250507 \ No newline at end of file diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-dev.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-dev.js index d37eefb6c3..10c236b9b1 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-dev.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-dev.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<499336b510771eac34cdb1f2efd2783c>> + * @generated SignedSource<<86589b21e071f6b4eb4375e25b361e51>> */ "use strict"; @@ -404,5 +404,5 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-native-fb-e5a8de81-20250506"; + exports.version = "19.2.0-native-fb-53c9f810-20250507"; })(); diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-prod.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-prod.js index 2e8eddb686..c9bd17540a 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-prod.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-prod.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<> */ "use strict"; @@ -203,4 +203,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-native-fb-e5a8de81-20250506"; +exports.version = "19.2.0-native-fb-53c9f810-20250507"; diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-profiling.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-profiling.js index 2e8eddb686..c9bd17540a 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-profiling.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-profiling.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<> */ "use strict"; @@ -203,4 +203,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-native-fb-e5a8de81-20250506"; +exports.version = "19.2.0-native-fb-53c9f810-20250507"; diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-dev.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-dev.js index 980744f03c..45a648caf5 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-dev.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-dev.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<5aabad7dd74ffabe114d71475e5da8aa>> + * @generated SignedSource<<4822ba3bdc01381ae0a4645f59c9786c>> */ /* @@ -26951,11 +26951,11 @@ __DEV__ && }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-native-fb-e5a8de81-20250506" !== isomorphicReactPackageVersion) + if ("19.2.0-native-fb-53c9f810-20250507" !== 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.2.0-native-fb-e5a8de81-20250506\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-native-fb-53c9f810-20250507\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -26992,10 +26992,10 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.2.0-native-fb-e5a8de81-20250506", + version: "19.2.0-native-fb-53c9f810-20250507", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-e5a8de81-20250506" + reconcilerVersion: "19.2.0-native-fb-53c9f810-20250507" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -27139,5 +27139,5 @@ __DEV__ && listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.2.0-native-fb-e5a8de81-20250506"; + exports.version = "19.2.0-native-fb-53c9f810-20250507"; })(); diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-prod.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-prod.js index 69720b4cf4..6b1eb7c1db 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-prod.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-prod.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<9add4e267b5a9049b3ee99c22c81f534>> + * @generated SignedSource<<330a8901e89c2bc5e88145c9c850b8e7>> */ /* @@ -17040,14 +17040,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2009 = React.version; if ( - "19.2.0-native-fb-e5a8de81-20250506" !== + "19.2.0-native-fb-53c9f810-20250507" !== isomorphicReactPackageVersion$jscomp$inline_2009 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2009, - "19.2.0-native-fb-e5a8de81-20250506" + "19.2.0-native-fb-53c9f810-20250507" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -17069,10 +17069,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_2528 = { bundleType: 0, - version: "19.2.0-native-fb-e5a8de81-20250506", + version: "19.2.0-native-fb-53c9f810-20250507", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-e5a8de81-20250506" + reconcilerVersion: "19.2.0-native-fb-53c9f810-20250507" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2529 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -17176,4 +17176,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.2.0-native-fb-e5a8de81-20250506"; +exports.version = "19.2.0-native-fb-53c9f810-20250507"; diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-profiling.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-profiling.js index f1a65a11eb..7bf9d77c48 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-profiling.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-profiling.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<<58d8dc7322762854477f550a1af33f29>> */ /* @@ -17750,14 +17750,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2112 = React.version; if ( - "19.2.0-native-fb-e5a8de81-20250506" !== + "19.2.0-native-fb-53c9f810-20250507" !== isomorphicReactPackageVersion$jscomp$inline_2112 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2112, - "19.2.0-native-fb-e5a8de81-20250506" + "19.2.0-native-fb-53c9f810-20250507" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -17779,10 +17779,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_2119 = { bundleType: 0, - version: "19.2.0-native-fb-e5a8de81-20250506", + version: "19.2.0-native-fb-53c9f810-20250507", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-e5a8de81-20250506", + reconcilerVersion: "19.2.0-native-fb-53c9f810-20250507", getLaneLabelMap: function () { for ( var map = new Map(), lane = 1, index$309 = 0; @@ -17901,4 +17901,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.2.0-native-fb-e5a8de81-20250506"; +exports.version = "19.2.0-native-fb-53c9f810-20250507"; diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-dev.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-dev.js index 7b0be72b02..18e4391fd3 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-dev.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-dev.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<8a6c99b290c3896575ae28cbc004d3ec>> + * @generated SignedSource<<15aa7a63dc4c6902e54a93b9ee1658c0>> */ /* @@ -27012,11 +27012,11 @@ __DEV__ && }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-native-fb-e5a8de81-20250506" !== isomorphicReactPackageVersion) + if ("19.2.0-native-fb-53c9f810-20250507" !== 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.2.0-native-fb-e5a8de81-20250506\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-native-fb-53c9f810-20250507\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -27053,10 +27053,10 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.2.0-native-fb-e5a8de81-20250506", + version: "19.2.0-native-fb-53c9f810-20250507", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-e5a8de81-20250506" + reconcilerVersion: "19.2.0-native-fb-53c9f810-20250507" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -27516,7 +27516,7 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-native-fb-e5a8de81-20250506"; + exports.version = "19.2.0-native-fb-53c9f810-20250507"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-prod.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-prod.js index 440b10341c..162c97500b 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-prod.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-prod.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<5a79a7927538bc1711217f830a4d33e5>> + * @generated SignedSource<> */ /* @@ -17051,14 +17051,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2010 = React.version; if ( - "19.2.0-native-fb-e5a8de81-20250506" !== + "19.2.0-native-fb-53c9f810-20250507" !== isomorphicReactPackageVersion$jscomp$inline_2010 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2010, - "19.2.0-native-fb-e5a8de81-20250506" + "19.2.0-native-fb-53c9f810-20250507" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -17080,10 +17080,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_2531 = { bundleType: 0, - version: "19.2.0-native-fb-e5a8de81-20250506", + version: "19.2.0-native-fb-53c9f810-20250507", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-e5a8de81-20250506" + reconcilerVersion: "19.2.0-native-fb-53c9f810-20250507" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2532 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -17341,4 +17341,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-native-fb-e5a8de81-20250506"; +exports.version = "19.2.0-native-fb-53c9f810-20250507"; diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-profiling.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-profiling.js index 1091f1fb70..4970d69e96 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-profiling.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-profiling.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<5410934b1bba6d599a04df94bd0e0a42>> + * @generated SignedSource<> */ /* @@ -17765,14 +17765,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2113 = React.version; if ( - "19.2.0-native-fb-e5a8de81-20250506" !== + "19.2.0-native-fb-53c9f810-20250507" !== isomorphicReactPackageVersion$jscomp$inline_2113 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2113, - "19.2.0-native-fb-e5a8de81-20250506" + "19.2.0-native-fb-53c9f810-20250507" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -17794,10 +17794,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_2120 = { bundleType: 0, - version: "19.2.0-native-fb-e5a8de81-20250506", + version: "19.2.0-native-fb-53c9f810-20250507", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-e5a8de81-20250506", + reconcilerVersion: "19.2.0-native-fb-53c9f810-20250507", getLaneLabelMap: function () { for ( var map = new Map(), lane = 1, index$309 = 0; @@ -18070,7 +18070,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-native-fb-e5a8de81-20250506"; +exports.version = "19.2.0-native-fb-53c9f810-20250507"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-dev.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-dev.js index c1314c01ba..9ad94272fb 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-dev.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-dev.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<> */ "use strict"; @@ -15653,10 +15653,10 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.2.0-native-fb-e5a8de81-20250506", + version: "19.2.0-native-fb-53c9f810-20250507", rendererPackageName: "react-test-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-e5a8de81-20250506" + reconcilerVersion: "19.2.0-native-fb-53c9f810-20250507" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -15801,5 +15801,5 @@ __DEV__ && flushSyncWorkAcrossRoots_impl(0, !0)); } }; - exports.version = "19.2.0-native-fb-e5a8de81-20250506"; + exports.version = "19.2.0-native-fb-53c9f810-20250507"; })(); diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-prod.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-prod.js index 8aae909f49..7f69392a15 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-prod.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-prod.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<61233e049ed05c8d366c04ef20a4a4ae>> + * @generated SignedSource<<3fb0b57b84ad9f203f6694a42fb64672>> */ "use strict"; @@ -9893,10 +9893,10 @@ function wrapFiber(fiber) { } var internals$jscomp$inline_1445 = { bundleType: 0, - version: "19.2.0-native-fb-e5a8de81-20250506", + version: "19.2.0-native-fb-53c9f810-20250507", rendererPackageName: "react-test-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-e5a8de81-20250506" + reconcilerVersion: "19.2.0-native-fb-53c9f810-20250507" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_1446 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -10032,4 +10032,4 @@ exports.unstable_batchedUpdates = function (fn, a) { flushSyncWorkAcrossRoots_impl(0, !0)); } }; -exports.version = "19.2.0-native-fb-e5a8de81-20250506"; +exports.version = "19.2.0-native-fb-53c9f810-20250507"; diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-profiling.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-profiling.js index 5c0d2db707..f18adeefcd 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-profiling.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-profiling.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<<44a95a84cc2515b3c8098d9bf65beb75>> */ "use strict"; @@ -10513,10 +10513,10 @@ function wrapFiber(fiber) { } var internals$jscomp$inline_1253 = { bundleType: 0, - version: "19.2.0-native-fb-e5a8de81-20250506", + version: "19.2.0-native-fb-53c9f810-20250507", rendererPackageName: "react-test-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-e5a8de81-20250506", + reconcilerVersion: "19.2.0-native-fb-53c9f810-20250507", getLaneLabelMap: function () { for ( var map = new Map(), lane = 1, index$155 = 0; @@ -10667,4 +10667,4 @@ exports.unstable_batchedUpdates = function (fn, a) { flushSyncWorkAcrossRoots_impl(0, !0)); } }; -exports.version = "19.2.0-native-fb-e5a8de81-20250506"; +exports.version = "19.2.0-native-fb-53c9f810-20250507"; diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-dev.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-dev.js index a75c6d0403..594874ccbc 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-dev.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-dev.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<9cc5961905460e29f27b26944a50cd58>> + * @generated SignedSource<> */ "use strict"; @@ -1412,7 +1412,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.2.0-native-fb-e5a8de81-20250506"; + exports.version = "19.2.0-native-fb-53c9f810-20250507"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-prod.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-prod.js index 18db538fc8..ce5bc68eab 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-prod.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-prod.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<5f8334b3c3340d75adc6912efd3e55ee>> + * @generated SignedSource<> */ "use strict"; @@ -587,4 +587,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.2.0-native-fb-e5a8de81-20250506"; +exports.version = "19.2.0-native-fb-53c9f810-20250507"; diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-profiling.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-profiling.js index 3f91e2633e..23a858f59e 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-profiling.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-profiling.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<> */ "use strict"; @@ -591,7 +591,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.2.0-native-fb-e5a8de81-20250506"; +exports.version = "19.2.0-native-fb-53c9f810-20250507"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/REVISION b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/REVISION index cfb9c41f7c..78cd421b0e 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/REVISION +++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/REVISION @@ -1 +1 @@ -e5a8de81e57181692d33ce916dfd6aa23638ec92 +53c9f81049b4440a02b5ed3edb128516821c0279 diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-dev.fb.js b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-dev.fb.js index 38f89c510e..b8af8d1d7f 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-dev.fb.js +++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-dev.fb.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<699e1a8b1b3a017e9b915b9aed043d7c>> + * @generated SignedSource<<95ce973c338a366f97e5a805f1088e33>> */ "use strict"; @@ -17529,10 +17529,10 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.2.0-native-fb-e5a8de81-20250506", + version: "19.2.0-native-fb-53c9f810-20250507", rendererPackageName: "react-native-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-e5a8de81-20250506" + reconcilerVersion: "19.2.0-native-fb-53c9f810-20250507" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-prod.fb.js b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-prod.fb.js index 411516f66d..1f1ac188a8 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-prod.fb.js +++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-prod.fb.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<74b1167b8b761324868d481a2f15891f>> + * @generated SignedSource<<65f47d72853441818f4a95a187ff4180>> */ "use strict"; @@ -11240,10 +11240,10 @@ batchedUpdatesImpl = function (fn, a) { var roots = new Map(), internals$jscomp$inline_1254 = { bundleType: 0, - version: "19.2.0-native-fb-e5a8de81-20250506", + version: "19.2.0-native-fb-53c9f810-20250507", rendererPackageName: "react-native-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-e5a8de81-20250506" + reconcilerVersion: "19.2.0-native-fb-53c9f810-20250507" }; null !== extraDevToolsConfig && (internals$jscomp$inline_1254.rendererConfig = extraDevToolsConfig); diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js index 4d2843569b..8e25ba1217 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js +++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<5ddd9ea7cddda8ee8a81ccd259a09690>> + * @generated SignedSource<<19a1248086b003e6ee8b677ed1c83456>> */ "use strict"; @@ -11944,10 +11944,10 @@ batchedUpdatesImpl = function (fn, a) { var roots = new Map(), internals$jscomp$inline_1355 = { bundleType: 0, - version: "19.2.0-native-fb-e5a8de81-20250506", + version: "19.2.0-native-fb-53c9f810-20250507", rendererPackageName: "react-native-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-e5a8de81-20250506" + reconcilerVersion: "19.2.0-native-fb-53c9f810-20250507" }; null !== extraDevToolsConfig && (internals$jscomp$inline_1355.rendererConfig = extraDevToolsConfig); diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js index 2acfb42581..fbea27b88e 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js +++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<> */ "use strict"; @@ -17645,11 +17645,11 @@ __DEV__ && shouldSuspendImpl = newShouldSuspendImpl; }; var isomorphicReactPackageVersion = React.version; - if ("19.2.0-native-fb-e5a8de81-20250506" !== isomorphicReactPackageVersion) + if ("19.2.0-native-fb-53c9f810-20250507" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-native-renderer" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-native-renderer: 19.2.0-native-fb-e5a8de81-20250506\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-native-renderer: 19.2.0-native-fb-53c9f810-20250507\nLearn more: https://react.dev/warnings/version-mismatch") ); if ( "function" !== @@ -17675,10 +17675,10 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.2.0-native-fb-e5a8de81-20250506", + version: "19.2.0-native-fb-53c9f810-20250507", rendererPackageName: "react-native-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-e5a8de81-20250506" + reconcilerVersion: "19.2.0-native-fb-53c9f810-20250507" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js index 39041032ba..5be2a4c0f4 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js +++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<<9713f564e3ef8aba52fdef9ba96a60f7>> */ "use strict"; @@ -11250,11 +11250,11 @@ function updateContainer(element, container, parentComponent, callback) { return lane; } var isomorphicReactPackageVersion = React.version; -if ("19.2.0-native-fb-e5a8de81-20250506" !== isomorphicReactPackageVersion) +if ("19.2.0-native-fb-53c9f810-20250507" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-native-renderer" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-native-renderer: 19.2.0-native-fb-e5a8de81-20250506\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-native-renderer: 19.2.0-native-fb-53c9f810-20250507\nLearn more: https://react.dev/warnings/version-mismatch") ); if ( "function" !== @@ -11303,10 +11303,10 @@ batchedUpdatesImpl = function (fn, a) { var roots = new Map(), internals$jscomp$inline_1305 = { bundleType: 0, - version: "19.2.0-native-fb-e5a8de81-20250506", + version: "19.2.0-native-fb-53c9f810-20250507", rendererPackageName: "react-native-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-e5a8de81-20250506" + reconcilerVersion: "19.2.0-native-fb-53c9f810-20250507" }; null !== extraDevToolsConfig && (internals$jscomp$inline_1305.rendererConfig = extraDevToolsConfig); diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js index 930def74dc..03c95cbfee 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js +++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<8428496bbf6d15cc6019865a823f3694>> + * @generated SignedSource<<24c021b8983f61d24e625183bc7c2469>> */ "use strict"; @@ -11952,11 +11952,11 @@ function updateContainer(element, container, parentComponent, callback) { return lane; } var isomorphicReactPackageVersion = React.version; -if ("19.2.0-native-fb-e5a8de81-20250506" !== isomorphicReactPackageVersion) +if ("19.2.0-native-fb-53c9f810-20250507" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-native-renderer" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-native-renderer: 19.2.0-native-fb-e5a8de81-20250506\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-native-renderer: 19.2.0-native-fb-53c9f810-20250507\nLearn more: https://react.dev/warnings/version-mismatch") ); if ( "function" !== @@ -12005,10 +12005,10 @@ batchedUpdatesImpl = function (fn, a) { var roots = new Map(), internals$jscomp$inline_1406 = { bundleType: 0, - version: "19.2.0-native-fb-e5a8de81-20250506", + version: "19.2.0-native-fb-53c9f810-20250507", rendererPackageName: "react-native-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-e5a8de81-20250506" + reconcilerVersion: "19.2.0-native-fb-53c9f810-20250507" }; null !== extraDevToolsConfig && (internals$jscomp$inline_1406.rendererConfig = extraDevToolsConfig); diff --git a/compiled-rn/facebook-fbsource/xplat/js/tools/eslint-plugin-react-hooks/package.json b/compiled-rn/facebook-fbsource/xplat/js/tools/eslint-plugin-react-hooks/package.json index 204d9e9eda..89f3ad5133 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/tools/eslint-plugin-react-hooks/package.json +++ b/compiled-rn/facebook-fbsource/xplat/js/tools/eslint-plugin-react-hooks/package.json @@ -1,7 +1,7 @@ { "name": "eslint-plugin-react-hooks", "description": "ESLint rules for React Hooks", - "version": "0.0.0-experimental-e5a8de81-20250506", + "version": "0.0.0-experimental-53c9f810-20250507", "repository": { "type": "git", "url": "https://github.com/facebook/react.git",