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, ⚠ 1
        [root]
        →    <Child> ⚠
             <Child> ✕
      `);
      clearWarningsForElement(store.getElementIDAtIndex(0));
      selectNextErrorOrWarning();
      expect(
        ✕ 1, ⚠ 0
        [root]
             <Child>
        →    <Child> ✕
      `);
    });
    it('should update correctly when new errors/warnings are added', () => {
      const container = document.createElement('div');
      withErrorsOrWarningsIgnored(['test-only:'], () =>
        utils.act(() =>
          legacyRender(
            <React.Fragment>
              
              <Child />
              <Child />
              <Child logError={true} />
            </React.Fragment>,
            container,
          ),