Not sure when this happened, but the feature got broken:

https://user-images.githubusercontent.com/29597/130155150-18fbca13-42d7-4d7d-831e-8db4a9672d94.mp4

Using the up/down arrows to navigate the list works fine, but jumping to the next/previous component with a warning or error doesn't quite work correctly. (The scroll offset is wrong so the component is often not visible.)
let withErrorsOrWarningsIgnored;
  let BridgeContext;
  let StoreContext;
  let TreeContext;
  let dispatch: DispatcherContext;
  let state: StateContext;
  beforeEach(() => {
    utils = require('./utils');
    utils.beforeEachProfiling();
    legacyRender = utils.legacyRender;
    withErrorsOrWarningsIgnored = utils.withErrorsOrWarningsIgnored;
    bridge = global.bridge;
    store = global.store;
    store.collapseNodesByDefault = false;
    React = require('react');
    ReactDOM = require('react-dom');
    TestRenderer = utils.requireTestRenderer();
    BridgeContext = require('react-devtools-shared/src/devtools/views/context')
      .BridgeContext;
    StoreContext = require('react-devtools-shared/src/devtools/views/context')
      .StoreContext;
    TreeContext = require('react-devtools-shared/src/devtools/views/Components/TreeContext');
  });
  afterEach(() => {
    
    dispatch = ((null: any): DispatcherContext);
    state = ((null: any): StateContext);
  });
  const Capture = () => {
    dispatch = React.useContext(TreeContext.TreeDispatcherContext);