[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 `<dialog>` 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 `<dialog>`
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 [53c9f81049](https://github.com/facebook/react/commit/53c9f81049b4440a02b5ed3edb128516821c0279)
This commit is contained in:
hoxyq
2025-05-07 07:55:29 -07:00
parent 8b54080b18
commit 93ff544b29
24 changed files with 87 additions and 87 deletions
+1 -1
View File
@@ -1 +1 @@
19.2.0-native-fb-e5a8de81-20250506
19.2.0-native-fb-53c9f810-20250507
@@ -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";
})();
@@ -7,7 +7,7 @@
* @noflow
* @nolint
* @preventMunge
* @generated SignedSource<<e0055236c23545f61906397ccc9a19f8>>
* @generated SignedSource<<b90ef3a4861d2976f835ec6186efee00>>
*/
"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";
@@ -7,7 +7,7 @@
* @noflow
* @nolint
* @preventMunge
* @generated SignedSource<<e0055236c23545f61906397ccc9a19f8>>
* @generated SignedSource<<b90ef3a4861d2976f835ec6186efee00>>
*/
"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";
@@ -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";
})();
@@ -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";
@@ -7,7 +7,7 @@
* @noflow
* @nolint
* @preventMunge
* @generated SignedSource<<e91ecf876a5d825215a227c777791f01>>
* @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";
@@ -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 &&
@@ -7,7 +7,7 @@
* @noflow
* @nolint
* @preventMunge
* @generated SignedSource<<5a79a7927538bc1711217f830a4d33e5>>
* @generated SignedSource<<d076dc13809fe6f69e6a4db17e7b4e0e>>
*/
/*
@@ -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";
@@ -7,7 +7,7 @@
* @noflow
* @nolint
* @preventMunge
* @generated SignedSource<<5410934b1bba6d599a04df94bd0e0a42>>
* @generated SignedSource<<b8c65ac11eadc3de3fe5d9ed9d52d00b>>
*/
/*
@@ -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 &&
@@ -7,7 +7,7 @@
* @noflow
* @nolint
* @preventMunge
* @generated SignedSource<<f1d369f2d5315d5ce8cba618b3fa6ebd>>
* @generated SignedSource<<d458faf8b09c7028ed5b37ed293a58c2>>
*/
"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";
})();
@@ -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";
@@ -7,7 +7,7 @@
* @noflow
* @nolint
* @preventMunge
* @generated SignedSource<<db2f529b7db1d537715a36aa0f5046e5>>
* @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";
@@ -7,7 +7,7 @@
* @noflow
* @nolint
* @preventMunge
* @generated SignedSource<<9cc5961905460e29f27b26944a50cd58>>
* @generated SignedSource<<b2d40c2e27f30782121f164775d19bd3>>
*/
"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 &&
@@ -7,7 +7,7 @@
* @noflow
* @nolint
* @preventMunge
* @generated SignedSource<<5f8334b3c3340d75adc6912efd3e55ee>>
* @generated SignedSource<<ab3606d64b4545331aae0fabbc072d90>>
*/
"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";
@@ -7,7 +7,7 @@
* @noflow
* @nolint
* @preventMunge
* @generated SignedSource<<a33dca051422ba2a62bec2e3dba88276>>
* @generated SignedSource<<badee39397e3fc61c085a30ee2249c21>>
*/
"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 &&
@@ -1 +1 @@
e5a8de81e57181692d33ce916dfd6aa23638ec92
53c9f81049b4440a02b5ed3edb128516821c0279
@@ -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);
@@ -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);
@@ -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);
@@ -7,7 +7,7 @@
* @noflow
* @nolint
* @preventMunge
* @generated SignedSource<<e39f08d6852c397d8f826f756aa52962>>
* @generated SignedSource<<d7dfcadf760a2794d739ec1ddddefee2>>
*/
"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);
@@ -7,7 +7,7 @@
* @noflow
* @nolint
* @preventMunge
* @generated SignedSource<<f98a219f004266179d18945f9a410dc7>>
* @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);
@@ -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);
@@ -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",