title: Hot module reload is not working on my nextjs app
body: <p>I have a project based on nextjs. Oddly enough, the HMR is not working properly for my project. Every time I make changes I have to re run the process. I have attached details of my next config and package.json:</p>
  <p>next.config:</p>
  <pre><code>const withSass = require(&quot;@zeit/next-sass&quot;);
  const withCSS = require(&quot;@zeit/next-css&quot;);
  
  module.exports = withCSS(
    withSass({
      webpack(config, options) {
        config.module.rules.push({
          test: /\.(eot|woff|woff2|ttf|svg|png|jpg|gif)$/,
          use: {
            loader: &quot;url-loader&quot;,
            options: {
              limit: 100000,
            },
          },
        });
  
        return config;
      }
    })
  );
  </code></pre>
  <p>package.json</p>
  <pre><code>&quot;scripts&quot;: {
      &quot;dev&quot;: &quot;next dev&quot;,
      &quot;build&quot;: &quot;next build&quot;,
      &quot;start&quot;: &quot;next start&quot;,
      &quot;export&quot;: &quot;next export&quot;
    },
    &quot;dependencies&quot;: {
      &quot;@zeit/next-css&quot;: &quot;^1.0.1&quot;,
      &quot;@zeit/next-sass&quot;: &quot;^1.0.1&quot;,
      &quot;antd&quot;: &quot;^3.26.8&quot;,
      &quot;chartjs&quot;: &quot;^0.3.24&quot;,
      &quot;classnames&quot;: &quot;^2.2.6&quot;,
      &quot;draft-js&quot;: &quot;^0.11.4&quot;,
      &quot;isomorphic-unfetch&quot;: &quot;^3.0.0&quot;,
      &quot;moment&quot;: &quot;^2.24.0&quot;,
      &quot;next&quot;: &quot;^9.2.1&quot;,
      &quot;node-sass&quot;: &quot;^4.13.1&quot;,
      &quot;react&quot;: &quot;16.12.0&quot;,
      &quot;react-dom&quot;: &quot;16.12.0&quot;,
      &quot;react-helmet&quot;: &quot;^5.2.1&quot;,
      &quot;react-markdown&quot;: &quot;^4.3.1&quot;,
      &quot;react-mde&quot;: &quot;^8.1.0&quot;,
      &quot;react-redux&quot;: &quot;^7.2.0&quot;,
      &quot;react-select&quot;: &quot;^3.0.8&quot;,
      &quot;react-slick&quot;: &quot;^0.25.2&quot;,
      &quot;react-toastify&quot;: &quot;^5.5.0&quot;,
      &quot;redux&quot;: &quot;^4.0.5&quot;,
      &quot;redux-devtools-extension&quot;: &quot;^2.13.8&quot;,
      &quot;redux-thunk&quot;: &quot;^2.3.0&quot;,
      &quot;showdown&quot;: &quot;^1.9.1&quot;,
      &quot;slick-carousel&quot;: &quot;^1.8.1&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;eslint&quot;: &quot;^6.8.0&quot;,
      &quot;eslint-loader&quot;: &quot;^3.0.3&quot;,
      &quot;eslint-plugin-react&quot;: &quot;^7.18.3&quot;,
      &quot;url-loader&quot;: &quot;^3.0.0&quot;
    }
  </code></pre>
  <p>I have tried removing node_modules and reinstalling again as well, doesnt seem to fix the issue.</p>
  <p>Following is my project structure</p>
  <p><a href="https://i.stack.imgur.com/zZBRV.png" rel="noreferrer"><img src="https://i.stack.imgur.com/zZBRV.png" alt="Project Structure" /></a></p>