<p dir="auto">Describe what you were doing when the bug occurred:<br>
1.<br>
2.<br>
3.</p>
<hr>
<h2 dir="auto">Please do not remove the text below this line</h2>
<p dir="auto">DevTools version: 4.2.1-3816ae7c3</p>
<p dir="auto">Call stack: at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40:157108<br>
at Map.forEach ()<br>
at commitIndex (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40:157054)<br>
at e.getRankedChartData (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40:157577)<br>
at vl (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:40:314907)<br>
at gi (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:59907)<br>
at jl (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:107381)<br>
at Lc (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:92715)<br>
at Pc (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:92640)<br>
at wc (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:32:89544)</p>
<p dir="auto">Component stack: in vl<br>
in div<br>
in div<br>
in div<br>
in wo<br>
in Unknown<br>
in n<br>
in Unknown<br>
in div<br>
in div<br>
in Li<br>
in $e<br>
in dn<br>
in Ca<br>
in Pc</p>
<p dir="auto">I get three warnings when React DevTools is installed in Chrome.  Other people have reported this but I have not seen a good solution. (I dont use an ad blocker)</p>
<p dir="auto">DevTools failed to load SourceMap: Could not load content for chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/injectGlobalHook.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME<br>
DevTools failed to load SourceMap: Could not load content for chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/react_devtools_backend.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME<br>
DevTools failed to load SourceMap: Could not load content for chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/contentScript.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME</p>
<p dir="auto">Google Chrome Version 86.0.4240.111 (Official Build) (64-bit)</p>
<p dir="auto">React version:<br>
"react": "^16.13.1",<br>
"react-dom": "^16.13.1",<br>
"react-router-dom": "^5.2.0",<br>
"react-scripts": "3.4.3"</p>
<p dir="auto">Also using Apollo Client</p>
<h2 dir="auto">The current behavior</h2>
<p dir="auto">The above warnings are generated on every render for every page.</p>
<h2 dir="auto">The expected behavior</h2>
<p dir="auto">No warnings</p>
<h2 dir="auto">Files</h2>
<p dir="auto">----index.js file ----<br>
import React from "react";<br>
import { render } from "react-dom";<br>
import { BrowserRouter } from "react-router-dom";<br>
import {<br>
ApolloClient,<br>
InMemoryCache,<br>
createHttpLink,<br>
ApolloProvider,<br>
} from "@apollo/client";</p>
<p dir="auto">// Top level view.  Does the setup of the Apollo Provider and renders the App<br>
import App from "./App";</p>
<p dir="auto">const link = createHttpLink({<br>
uri: "<a href="http://localhost:4000" rel="nofollow">http://localhost:4000</a>",<br>
headers: { authorization: localStorage.getItem("token") },<br>
});<br>
const cache = new InMemoryCache();<br>
const client = new ApolloClient({<br>
link: link,<br>
cache: cache,<br>
});</p>
<p dir="auto">render(<code class="notranslate"> &lt;ApolloProvider client={client}&gt; &lt;BrowserRouter&gt; &lt;div&gt; &lt;App /&gt; &lt;/div&gt; &lt;/BrowserRouter&gt; &lt;/ApolloProvider&gt;,</code><br>
document.getElementById("root")<br>
);</p>