<h3 dir="auto">Website or app</h3>
<p dir="auto"><a href="http://www.google.com" rel="nofollow">www.google.com</a></p>
<h3 dir="auto">Repro steps</h3>
<p dir="auto">React Devtools - 4.20.0<br>
React - 16.8.6</p>
<p dir="auto">Not sure if relevant but:<br>
react-scripts 4.0.3</p>
<p dir="auto">First I get an blank devtools (components) but when picking select element arrow and hover over elements a lot of errors like this one shows up in the console:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="react_devtools_backend.js:5821 Uncaught Error: Could not find ID for Fiber &quot;Context.Provider&quot;
    at getFiberIDThrows (react_devtools_backend.js:5821)
    at Object.getFiberIDForNative (react_devtools_backend.js:7257)
    at Overlay_Overlay.inspect (react_devtools_backend.js:9158)
    at showOverlay (react_devtools_backend.js:9286)
    at onPointerOver (react_devtools_backend.js:9445)
getFiberIDThrows @ react_devtools_backend.js:5821
getFiberIDForNative @ react_devtools_backend.js:7257
inspect @ react_devtools_backend.js:9158
showOverlay @ react_devtools_backend.js:9286
onPointerOver @ react_devtools_backend.js:9445"><pre class="notranslate"><code class="notranslate">react_devtools_backend.js:5821 Uncaught Error: Could not find ID for Fiber "Context.Provider"
    at getFiberIDThrows (react_devtools_backend.js:5821)
    at Object.getFiberIDForNative (react_devtools_backend.js:7257)
    at Overlay_Overlay.inspect (react_devtools_backend.js:9158)
    at showOverlay (react_devtools_backend.js:9286)
    at onPointerOver (react_devtools_backend.js:9445)
getFiberIDThrows @ react_devtools_backend.js:5821
getFiberIDForNative @ react_devtools_backend.js:7257
inspect @ react_devtools_backend.js:9158
showOverlay @ react_devtools_backend.js:9286
onPointerOver @ react_devtools_backend.js:9445
</code></pre></div>
<p dir="auto">No other errors occur. Devtools works fine on deployed version. Eg. <a href="https://reactjs.org/" rel="nofollow">https://reactjs.org/</a> works fine.</p>
<p dir="auto">PR and issue that could be related?<br>
<a href="https://github.com/facebook/react/issues/22577" data-hovercard-type="issue" data-hovercard-url="/facebook/react/issues/22577/hovercard">Issue 22577</a><br>
<a href="https://github.com/facebook/react/pull/22527" data-hovercard-type="pull_request" data-hovercard-url="/facebook/react/pull/22527/hovercard">PR 22527</a></p>
<p dir="auto">Maybe relevant comment from author and maintainer of React DevTools:<br>
<a href="https://stackoverflow.com/questions/67623677/warning-react-instrumentation-encountered-an-error-error-could-not-find-id-fo" rel="nofollow">Earlier fiber problem</a></p>
<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"><em>No response</em></p>
<h3 dir="auto">DevTools version (automated)</h3>
<p dir="auto"><em>No response</em></p>
<h3 dir="auto">Error message (automated)</h3>
<p dir="auto"><em>No response</em></p>
<h3 dir="auto">Error call stack (automated)</h3>
<p dir="auto"><em>No response</em></p>
<h3 dir="auto">Error component stack (automated)</h3>
<p dir="auto"><em>No response</em></p>
<h3 dir="auto">GitHub query string (automated)</h3>
<p dir="auto"><em>No response</em></p>
<h3 dir="auto">Website or app</h3>
<p dir="auto">google.com</p>
<h3 dir="auto">Repro steps</h3>
<p dir="auto">This started after last update 4.20.0<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/11052469/137713404-e6702959-7870-46a6-8566-4cfe61d25309.png"><img src="https://user-images.githubusercontent.com/11052469/137713404-e6702959-7870-46a6-8566-4cfe61d25309.png" alt="image" style="max-width: 100%;"></a><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/11052469/137713464-c5e478d2-4e9e-4ee4-abdf-83d23c04704b.png"><img src="https://user-images.githubusercontent.com/11052469/137713464-c5e478d2-4e9e-4ee4-abdf-83d23c04704b.png" alt="image" style="max-width: 100%;"></a></p>
<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"><em>No response</em></p>
<h3 dir="auto">DevTools version (automated)</h3>
<p dir="auto"><em>No response</em></p>
<h3 dir="auto">Error message (automated)</h3>
<p dir="auto"><em>No response</em></p>
<h3 dir="auto">Error call stack (automated)</h3>
<p dir="auto"><em>No response</em></p>
<h3 dir="auto">Error component stack (automated)</h3>
<p dir="auto"><em>No response</em></p>
<h3 dir="auto">GitHub query string (automated)</h3>
<p dir="auto"><em>No response</em></p>