[DevTools] Don't attempt to draw bounding box if inspected element is not a Suspense (#35097)
Sebastian "Sebbie" Silbermann committed
Nov 10, 2025 at 20:01 UTC
21c1d51acb2c38b774e254e2a0022b044eacb548
2 files changed
+9
-1
packages/react-devtools-shared/src/devtools/store.js
+4
@@ -669,6 +669,10 @@ export default class Store extends EventEmitter<{
669
return element;
670
}
671
672
+ containsSuspense(id: SuspenseNode['id']): boolean {
673
+ return this._idToSuspense.has(id);
674
+ }
675
+
676
getSuspenseByID(id: SuspenseNode['id']): SuspenseNode | null {
677
const suspense = this._idToSuspense.get(id);
678
if (suspense === undefined) {
packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseRects.js
+5
-1
@@ -511,7 +511,11 @@ function SuspenseRectsContainer({
511
let selectedEnvironment = null;
512
if (isRootSelected) {
513
selectedEnvironment = rootEnvironment;
514
- } else if (inspectedElementID !== null) {
514
+ } else if (
515
+ inspectedElementID !== null &&
516
+ // TODO: Separate inspected element and inspected Suspense and use the inspected Suspense ID here.
517
+ store.containsSuspense(inspectedElementID)
518
+ ) {
519
const selectedSuspenseNode = store.getSuspenseByID(inspectedElementID);
520
if (
521
selectedSuspenseNode !== null &&