title: React injecting iframe with max z-index on reload after changes (development)
body: <p>I have a Create React App with the following .env file:</p>
  <pre><code>BROWSER=none
  SKIP_PREFLIGHT_CHECK=true
  INLINE_RUNTIME_CHUNK=false
  </code></pre>
  <p>When I launch the app with <code>yarn start</code>, after any code change, the server makes the replacement without refreshing page and discarding page state, but it injects an iframe in my HTML, with the max z-index, so I am unable to make any interaction, like a click.</p>
  <p>The injected iframe is like:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;iframe style=&quot;position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; border: medium none; z-index: 2147483647;&quot;&gt;&lt;/iframe&gt;
  </code></pre>
  <p>Is there any way to avoid this iframe or even it's giant z-index that is blocking all the page?</p>