title: How to resolve you cannot change <Router routes>; it will be ignored with webpack?
body: <p>I am trying to implement HMR for react/webpack/gulp, this is my component:</p>
  
  <pre><code>import React from 'react';
  
  class main extends React.Component {
  
      constructor(props) {
          super(props);
  
      }
      render() {
  
          return (
              &lt;div&gt;Hi this is fdsfdsfs&lt;/div&gt;
          );
      }
  }
  
  export default main;
  </code></pre>
  
  <p>This is my index.js:</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import App from './main';
  
  
  ReactDOM.render(
      &lt;main/&gt;
   ,
    document.getElementById('root')
  );
  </code></pre>
  
  <p>When I change a file I get:</p>
  
  <pre><code> client:37 [WDS] App updated. Recompiling...
  only-dev-server.js:69 [HMR] Checking for updates on the server...
  client:37 [WDS] App hot update...
  browser.js:49 Warning: [react-router] You cannot change &lt;Router routes&gt;; it will 
  log-apply-result.js:20 [HMR] Updated modules:
  log-apply-result.js:22 [HMR]  - 320
  log-apply-result.js:22 [HMR]  - 273
  log-apply-result.js:22 [HMR]  - 77
  only-dev-server.js:55 [HMR] App is up to date.
  </code></pre>
  
  <p>The questions is how to resolve:</p>
  
  <pre><code> you cannot change &lt;Router routes&gt;; it will be ignored with webpack
  </code></pre>
  
  <p>See also <a href="https://github.com/dimitri-a/koekje" rel="nofollow">here</a></p>