### Website or app

Multiple; but you can check at https://react-bootstrap.github.io/

### Repro steps

1. Access a website in Chrome that uses React.
2. Open Chrome Developer Tools
3. Open the React Developer Tools Components tab/panel
4. Click on 5 - 10 components in the component tree individually to inspect them

Notes: 

- This started happening on all React-based websites after updating to Chrome Version 102.0.5005.61 on my work MacBook (x86_64) and my personal MacBook (arm64). Reverting back to Chrome 100 seems to help.
- I had a co-worker test as well, with the same result.
- You can still select individual components using the picker, even after the panel locks up.
- The lock-up seems to happen quicker when `Expand component tree by default` is selected in the `Components` tab in the panel settings, but will still lock up if you manually expand enough components.

### How often does this bug happen?

Every time

### DevTools package (automated)

react-devtools-extensions

### DevTools version (automated)

4.24.6 (5/12/2022)

### Error message (automated)

None

### Error call stack (automated)

N/A

### Error component stack (automated)

N/A

### GitHub query string (automated)

N/A
chrome.devtools.inspectedWindow.eval(
    'window.__REACT_DEVTOOLS_GLOBAL_HOOK__ && window.__REACT_DEVTOOLS_GLOBAL_HOOK__.renderers.size > 0',
    function (pageHasReact, error) {
      if (!pageHasReact || panelCreated) {
        return;
      }
      panelCreated = true;
      clearInterval(loadCheckInterval);
      let bridge = null;
      let store = null;
      let profilingData = null;
      let componentsPortalContainer = null;
      let profilerPortalContainer = null;
      let cloneStyleTags = null;
      let mostRecentOverrideTab = null;
      let render = null;
      let root = null;
      const tabId = chrome.devtools.inspectedWindow.tabId;
      registerDevToolsEventLogger('extension', async () => {
        
        
        return new Promise(resolve => {
          chrome.tabs.query({active: true, currentWindow: true}, tabs => {
            resolve({
              page_url: tabs[0]?.url,
            });
          });
        });
      });
      function initBridgeAndStore() {