title: Unable to click in ui after component get rendered in react
body: <p>I am working with react. when I make changes in a file, after saving the file, my component gets rendered but I am not able to click/interact with the webpage. I need to refresh it again then only I can interact with the webpage. index.js file.</p>
  <pre><code>import React from &quot;react&quot;;
  import ReactDOM from &quot;react-dom&quot;;
  import { Provider } from &quot;react-redux&quot;;
  import { BrowserRouter } from &quot;react-router-dom&quot;;
  import store from &quot;./helpers/store&quot;;
  import * as serviceWorker from &quot;./serviceWorker&quot;;
  import { App } from &quot;./app&quot;;
  
  ReactDOM.render(
    &lt;Provider store={store}&gt;
      &lt;BrowserRouter&gt;
        &lt;App /&gt;
      &lt;/BrowserRouter&gt;
    &lt;/Provider&gt;,
    document.getElementById(&quot;root&quot;)
  );
  
  if (module.hot) {
    module.hot.accept();
  }
  
  serviceWorker.unregister();
  </code></pre>