<p dir="auto">Very often the components and profiler tabs don't appear.</p>
<h1 dir="auto">Note this issue is due to <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=1085215" rel="nofollow">CR bug 1085215</a></h1>
<p dir="auto"><strong>It is impacting several other popular extensions as well- including React, Redux, Relay, and Vue devtools.</strong></p>
<hr>
<p dir="auto">React version: 16.13.1<br>
DevTools version: 4.7.0 (5/18/2020)<br>
macOS version: 10.15.4 (19E287)</p>
<h2 dir="auto">Steps To Reproduce</h2>
<ol dir="auto">
<li>Create a new profile in Google Chrome</li>
<li>Install the <a href="https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi" rel="nofollow">React Developer Tools</a></li>
<li>Go to <a href="https://reactjs.org" rel="nofollow">https://reactjs.org</a></li>
<li>Open the browser Dev Tools</li>
</ol>
<h2 dir="auto">Screenshots</h2>
<p dir="auto">Not sure this helps, but this is basically what I get after following the aforementioned steps:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/260431/82867560-c70eb600-9f33-11ea-9e95-d59ce4e3e548.png"><img src="https://user-images.githubusercontent.com/260431/82867560-c70eb600-9f33-11ea-9e95-d59ce4e3e548.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">When using Opera the tabs do show up:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/260431/82867684-f4f3fa80-9f33-11ea-9b1d-2a54f8a9101e.png"><img src="https://user-images.githubusercontent.com/260431/82867684-f4f3fa80-9f33-11ea-9b1d-2a54f8a9101e.png" alt="image" style="max-width: 100%;"></a></p>
<h2 dir="auto">The current behavior</h2>
<p dir="auto">Sometimes the Components and Profiler (i.e. React devtools tabs) don't show up.</p>
<h2 dir="auto">The expected behavior</h2>
<p dir="auto">These tabs should show for any site using React.</p>
<h2 dir="auto">More details</h2>
<p dir="auto">I've tried a few browsers, including:</p>
<ol dir="auto">
<li>Google Chrome (83.0.4103.61)</li>
<li>Microsoft Edge (83.0.478.37)</li>
<li>Opera (68.0.3618.125)</li>
</ol>
<p dir="auto">All of them should be working, since they're all Chromium based.</p>
<p dir="auto">The most reliable was Opera, which always shows the dev tools tabs. Chrome and Edge behaved the same way, sometimes showing them and other times not.</p>
<p dir="auto">I've also taken a look at the background pages of the React Dev Tools extension and they don't show any errors, only these performance metrics in the <code class="notranslate">devtools_app.html</code> page:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/260431/82867862-413f3a80-9f34-11ea-9b7c-ccd0c8225b01.png"><img src="https://user-images.githubusercontent.com/260431/82867862-413f3a80-9f34-11ea-9b7c-ccd0c8225b01.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">The main background page shows nothing in the console at all times.</p>