### 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
localStorageSetItem,
} from 'react-devtools-shared/src/storage';
import DevTools from 'react-devtools-shared/src/devtools/views/DevTools';
import {__DEBUG__} from 'react-devtools-shared/src/constants';
import {logEvent} from 'react-devtools-shared/src/Logger';
const LOCAL_STORAGE_SUPPORTS_PROFILING_KEY =
  'React::DevTools::supportsProfiling';
const isChrome = getBrowserName() === 'Chrome';
const isEdge = getBrowserName() === 'Edge';
if (isChrome || isEdge) {
  const timeoutID = setTimeout(() => {
    
    
    const FRAME_TIME = 16;
    let lastTime = 0;
    window.requestAnimationFrame = function (callback, element) {
      const now = window.performance.now();
      const nextTime = Math.max(lastTime + FRAME_TIME, now);
      return setTimeout(function () {
        callback((lastTime = nextTime));
      }, nextTime - now);
    };
    window.cancelAnimationFrame = clearTimeout;
  }, 400);
  requestAnimationFrame(() => {
    clearTimeout(timeoutID);
  });
}
let panelCreated = false;
function syncSavedPreferences() {