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.)
`);
      });
      it('should properly handle errors/warnings from components that dont mount because of Suspense', async () => {
        async function fakeImport(result) {
          return {default: result};
        }
        const LazyComponent = React.lazy(() => fakeImport(Child));
        const container = document.createElement('div');
        withErrorsOrWarningsIgnored(['test-only:'], () =>
          utils.act(() =>
            legacyRender(
              <React.Suspense fallback={null}>
                
                <LazyComponent />
              </React.Suspense>,
              container,
            ),
          ),
        );
        utils.act(() => TestRenderer.cre
        expect(
                  [root]
                       <Suspense>
              `);
        await Promise.resolve();
        withErrorsOrWarningsIgnored(['test-only:'], () =>
          utils.act(() =>
            legacyRender(
              <React.Suspense fallback={null}>