fixup! [DevTools] Activity slices in Suspense tab

Author: eps1lon

packages/react-devtools-shared/src/backend/fiber/renderer.js

@@ -1450,8 +1450,10 @@ export function attach(
     hideElementsWithDisplayNames.clear();
     hideElementsWithPaths.clear();
     hideElementsWithEnvs.clear();
+    // Consider everything in the slice by default
     activitySliceID = null;
     activitySlice = null;
+    isInActivitySlice = true;
 
     componentFilters.forEach(componentFilter => {
       if (!componentFilter.isEnabled) {
@@ -1488,10 +1490,7 @@ export function attach(
             activitySlice = nextActivitySlice;
             isInActivitySlice = false;
           } else {
-            // We're not filtering by activity slice after all. Consider everything
-            // to be in the slice.
-            isInActivitySlice = true;
-            activitySlice = null;
+            // We're not filtering by activity slice after all.
             // TODO: This is not sent to the frontend.
             componentFilter.isEnabled = false;
           }

packages/react-devtools-shell/src/app/Segments/index.js

@@ -39,7 +39,7 @@ function Page(): React.Node {
 
 function InnerSegment({children}: {children: React.Node}): React.Node {
   return (
-    <React.Suspense fallback={<p>Loading...</p>}>
+    <React.Suspense name="InnerSegment" fallback={<p>Loading...</p>}>
       <h3>Inner Segment</h3>
       <section>{children}</section>
       <p>After inner</p>
@@ -50,7 +50,7 @@ function InnerSegment({children}: {children: React.Node}): React.Node {
 const cookies = deferred(200, 'Cookies: 🍪🍪🍪', 'cookies');
 function OuterSegment({children}: {children: React.Node}): React.Node {
   return (
-    <React.Suspense fallback={<p>Loading outer</p>}>
+    <React.Suspense name="OuterSegment" fallback={<p>Loading outer</p>}>
       <h2>Outer Segment</h2>
       <p>{cookies}</p>
       <div>{children}</div>
@@ -61,7 +61,7 @@ function OuterSegment({children}: {children: React.Node}): React.Node {
 
 function Root({children}: {children: React.Node}): React.Node {
   return (
-    <React.Suspense fallback={<p>Loading root</p>}>
+    <React.Suspense name="Root" fallback={<p>Loading root</p>}>
       <h1>Root Segment</h1>
       <main>{children}</main>
       <footer>After root</footer>