<ol dir="auto">
<li>
<p dir="auto">There are ofter errors relating to the addition of nodes to the store. Could this failure be more silent, and not completely hide the display?</p>
</li>
<li>
<p dir="auto">When opening the react dev tools in a separate window, it does not respond to clicks or hover in the tree section. I can still click a component in the "rendered by" section. Note that this does not happen when the dev tools are opened in the same window. Update: it also didn't happen when I tried to put the two windows side by side in the same screen for a recording...</p>
</li>
</ol>
<p dir="auto">Please see the attached screen capture for both issues.</p>
<details open="" class="details-reset border rounded-2">
  <summary class="px-3 py-2">
    <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-device-camera-video">
    <path d="M16 3.75v8.5a.75.75 0 0 1-1.136.643L11 10.575v.675A1.75 1.75 0 0 1 9.25 13h-7.5A1.75 1.75 0 0 1 0 11.25v-6.5C0 3.784.784 3 1.75 3h7.5c.966 0 1.75.784 1.75 1.75v.675l3.864-2.318A.75.75 0 0 1 16 3.75Zm-6.5 1a.25.25 0 0 0-.25-.25h-7.5a.25.25 0 0 0-.25.25v6.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-6.5ZM11 8.825l3.5 2.1v-5.85l-3.5 2.1Z"></path>
</svg>
    <span aria-label="Video description rect_dev_tool_issues.mov" class="m-1">rect_dev_tool_issues.mov</span>
    <span class="dropdown-caret"></span>
  </summary>

  <video src="https://user-images.githubusercontent.com/10762244/170987263-73f45c4d-485a-4431-b01a-21de1fd4fbbf.mov" data-canonical-src="https://user-images.githubusercontent.com/10762244/170987263-73f45c4d-485a-4431-b01a-21de1fd4fbbf.mov" controls="controls" muted="muted" class="d-block rounded-bottom-2 border-top width-fit" style="max-height:640px; min-height: 200px">

  </video>
</details>

<p dir="auto">Thanks</p>
<h3 dir="auto">Website or app</h3>
<p dir="auto">Multiple; but you can check at <a href="https://react-bootstrap.github.io/" rel="nofollow">https://react-bootstrap.github.io/</a></p>
<h3 dir="auto">Repro steps</h3>
<ol dir="auto">
<li>Access a website in Chrome that uses React.</li>
<li>Open Chrome Developer Tools</li>
<li>Open the React Developer Tools Components tab/panel</li>
<li>Click on 5 - 10 components in the component tree individually to inspect them</li>
</ol>
<p dir="auto">Notes:</p>
<ul dir="auto">
<li>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.</li>
<li>I had a co-worker test as well, with the same result.</li>
<li>You can still select individual components using the picker, even after the panel locks up.</li>
<li>The lock-up seems to happen quicker when <code class="notranslate">Expand component tree by default</code> is selected in the <code class="notranslate">Components</code> tab in the panel settings, but will still lock up if you manually expand enough components.</li>
</ul>
<h3 dir="auto">How often does this bug happen?</h3>
<p dir="auto">Every time</p>
<h3 dir="auto">DevTools package (automated)</h3>
<p dir="auto">react-devtools-extensions</p>
<h3 dir="auto">DevTools version (automated)</h3>
<p dir="auto">4.24.6 (5/12/2022)</p>
<h3 dir="auto">Error message (automated)</h3>
<p dir="auto">None</p>
<h3 dir="auto">Error call stack (automated)</h3>
<p dir="auto">N/A</p>
<h3 dir="auto">Error component stack (automated)</h3>
<p dir="auto">N/A</p>
<h3 dir="auto">GitHub query string (automated)</h3>
<p dir="auto">N/A</p>