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.)
selectNextErrorOrWarning();
        expect(
          ✕ 1, ⚠ 0
          [root]
          →    <ErrorBoundary> ✕
        `);
        utils.act(() => ReactDOM.unmountComponentAtNode(container));
        expect(`);
        // Should be a noop
        selectNextErrorOrWarning();
        expect(`);
      });
      it('should properly handle errors/warnings from components that dont mount because of an error', () => {
        class ErrorBoundary extends React.Component {
          state = {error: null};
          static getDerivedStateFromError(error) {
            return {error};
          }
          render() {
            if (this.state.error) {
              return null;
            }
            return this.props.children;
          }
        }
        class LogsWarning extends React.Component {
          render() {
            console.warn('test-only: I am about to throw!');
            return <ThrowsError />;
          }