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.)
return (
      this._supportsReloadAndProfile &&
      this._isBackendStorageAPISupported &&
      this._isSynchronousXHRSupported
    );
  }
  get supportsSchedulingProfiler(): boolean {
    return this._supportsSchedulingProfiler;
  }
  get supportsTraceUpdates(): boolean {
    return this._supportsTraceUpdates;
  }
  get unsupportedBridgeProtocol(): BridgeProtocol | null {
    return this._unsupportedBridgeProtocol;
  }
  get unsupportedRendererVersionDetected(): boolean {
    return this._unsupportedRendererVersionDetected;
  }
  get warningCount(): number {
    return this._cachedWarningCount;
  }
  containsElement(id: number): boolean {
    return this._idToElement.get(id) != null;
  }
  getElementAtIndex(index: number): Element | null {
    if (index < 0 || index >= this.numElements) {
      console.warn(
        `Invalid index ${index} specified; store contains ${this.numElements} items.`,
      );