Disable pane for now

Can be handled as a follow-up

Author: eps1lon

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

@@ -27,7 +27,6 @@ import ButtonIcon, {type IconType} from '../ButtonIcon';
 import InspectHostNodesToggle from '../Components/InspectHostNodesToggle';
 import InspectedElementErrorBoundary from '../Components/InspectedElementErrorBoundary';
 import InspectedElement from '../Components/InspectedElement';
-import {TreeStateContext} from '../Components/TreeContext';
 import portaledContent from '../portaledContent';
 import styles from './SuspenseTab.css';
 import SuspenseBreadcrumbs from './SuspenseBreadcrumbs';
@@ -45,7 +44,6 @@ import typeof {SyntheticPointerEvent} from 'react-dom-bindings/src/events/Synthe
 import SettingsModal from 'react-devtools-shared/src/devtools/views/Settings/SettingsModal';
 import SettingsModalContextToggle from 'react-devtools-shared/src/devtools/views/Settings/SettingsModalContextToggle';
 import {SettingsModalContextController} from 'react-devtools-shared/src/devtools/views/Settings/SettingsModalContext';
-import {ElementTypeActivity} from 'react-devtools-shared/src/frontend/types';
 
 type Orientation = 'horizontal' | 'vertical';
 
@@ -164,22 +162,10 @@ function ToggleInspectedElement({
 // TODO: Get this from the store directly.
 // The backend needs to keep a separate tree so that resuspending keeps Activity around.
 function useActivities(): $ReadOnlyArray<Element> {
-  const {numElements} = useContext(TreeStateContext);
-  const store = useContext(StoreContext);
-
   const activities = useMemo(() => {
-    const items = [];
-    for (let i = 0; i < numElements; i++) {
-      const element = store.getElementAtIndex(i);
-      if (element === null) {
-        continue;
-      }
-      if (element.type === ElementTypeActivity && element.nameProp !== null) {
-        items.push(element);
-      }
-    }
+    const items: Array<Element> = [];
     return items;
-  }, [numElements]);
+  }, []);
 
   return activities;
 }
@@ -195,8 +181,7 @@ function SuspenseTab(_: {}) {
 
   const activities = useActivities();
   // If there are no named Activity boundaries, we don't have any tree list and we should hide
-  // both the panel and the button to toggle it. Since we currently don't support it yet, it's
-  // always disabled.
+  // both the panel and the button to toggle it.
   const treeListDisabled = activities.length === 0;
 
   const wrapperTreeRef = useRef<null | HTMLElement>(null);