Cleanup

Author: eps1lon

packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseRects.js

@@ -117,35 +117,35 @@ function SuspenseRects({
   const boundingBox = getBoundingBox(suspense.rects);
 
   return (
-    <>
-      <ScaledRect rect={boundingBox} className={styles.SuspenseRectsBoundary}>
-        <ViewBox.Provider value={boundingBox}>
-          {suspense.rects !== null &&
-            suspense.rects.map((rect, index) => {
-              return (
-                <ScaledRect
-                  key={index}
-                  className={styles.SuspenseRectsRect}
-                  rect={rect}
-                  data-highlighted={selected}
-                  onClick={handleClick}
-                  onPointerOver={handlePointerOver}
-                  onPointerLeave={handlePointerLeave}
-                  // Reach-UI tooltip will go out of bounds of parent scroll container.
-                  title={suspense.name}
-                />
-              );
-            })}
+    <ScaledRect rect={boundingBox} className={styles.SuspenseRectsBoundary}>
+      <ViewBox.Provider value={boundingBox}>
+        {suspense.rects !== null &&
+          suspense.rects.map((rect, index) => {
+            return (
+              <ScaledRect
+                key={index}
+                className={styles.SuspenseRectsRect}
+                rect={rect}
+                data-highlighted={selected}
+                onClick={handleClick}
+                onPointerOver={handlePointerOver}
+                onPointerLeave={handlePointerLeave}
+                // Reach-UI tooltip will go out of bounds of parent scroll container.
+                title={suspense.name}
+              />
+            );
+          })}
+        {suspense.children.length > 0 && (
           <ScaledRect
             className={styles.SuspenseRectsBoundaryChildren}
             rect={boundingBox}>
             {suspense.children.map(childID => {
               return <SuspenseRects key={childID} suspenseID={childID} />;
             })}
           </ScaledRect>
-        </ViewBox.Provider>
-      </ScaledRect>
-    </>
+        )}
+      </ViewBox.Provider>
+    </ScaledRect>
   );
 }