title: chrome devtools debug react, hit "refresh" cause debug stuck
body: <p>I don't use any remote debug(webstorm and devtools)</p>
  <p>just use chrome devtools</p>
  <p>when debug stop in breakpoint in devtools</p>
  <p>hit &quot;ctrl+r&quot; refresh also stuck(tab blank, debug session cannot restart)</p>
  <p><a href="https://i.stack.imgur.com/nVo3G.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/nVo3G.gif" alt="enter image description here" /></a></p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;/&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;script src=&quot;../node_modules/react/umd/react.development.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;../node_modules/react-dom/umd/react-dom.development.js&quot;&gt;&lt;/script&gt;
  &lt;div id=&quot;root&quot;&gt;&lt;/div&gt;
  &lt;script&gt;
    var e = React.createElement
  
    class App extends React.Component {
      render() {
        return e(&quot;div&quot;)
      }
    }
  
    const domContainer = document.querySelector('#root');
    ReactDOM.render(e(App), domContainer);
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>