title: Hot reload is not working with clean react project?
body: <p>Today is the first project I made with React v17 (if that matters or not idk) I'm changing things in the state, dom, etc and it's not reloading anything like before. Typically you'd notice it when you have something in-state press ctrl+s to save and it's gone, but now it's not happening anymore.</p>
  <p>Is there something that I can check to look if is something I did wrong? Is just a project created with Create react app, clean.</p>
  <p>this is all I have, <a href="https://github.com/StewartGF/todo-test" rel="nofollow noreferrer">https://github.com/StewartGF/todo-test</a></p>
  <p>For Context what i'm doing is changing the state in the code expecting a reload from the page.</p>
  <p>Changing the state from :</p>
  <pre class="lang-js prettyprint-override"><code>const initialState = [
    {
      id: Date.now(),
      task: &quot;Crear un todo  &quot;,
      completed: true,
    }
  ];
  
  const todoReducer = (state = initialState, action) =&gt; {
    switch (action.type) {
      case &quot;ADD_TODO&quot;:
        return [...state, action.payload];
      default:
        return state;
    }
  };
  
  export default todoReducer;
  
  </code></pre>
  <p>to</p>
  <pre class="lang-js prettyprint-override"><code>const initialState = [
    {
      id: Date.now(),
      task: &quot;Crear un todo  &quot;,
      completed: true,
    },
    {
      id: Date.now(),
      task: &quot;Crear un todo  &quot;,
      completed: true,
    },
  ];
  
  const todoReducer = (state = initialState, action) =&gt; {
    switch (action.type) {
      case &quot;ADD_TODO&quot;:
        return [...state, action.payload];
      default:
        return state;
    }
  };
  
  export default todoReducer;
  
  </code></pre>
  <p>Usually you'd expect the page to be reloaded with the new state.</p>
  <p>There is no error in console. The only thing I know is different from other projects that I have (tested to confirm if was something with VSCode or something else) was the version of react.</p>
  <p>Package.json project that does not work:</p>
  <pre class="lang-js prettyprint-override"><code>  &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@testing-library/jest-dom&quot;: &quot;^5.11.5&quot;,
      &quot;@testing-library/react&quot;: &quot;^11.1.0&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^12.1.10&quot;,
      &quot;react&quot;: &quot;^17.0.1&quot;,
      &quot;react-dom&quot;: &quot;^17.0.1&quot;,
      &quot;react-redux&quot;: &quot;^7.2.1&quot;,
      &quot;react-scripts&quot;: &quot;4.0.0&quot;,
      &quot;redux&quot;: &quot;^4.0.5&quot;,
      &quot;web-vitals&quot;: &quot;^0.2.4&quot;
    },
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;react-scripts start&quot;,
      &quot;build&quot;: &quot;react-scripts build&quot;,
      &quot;test&quot;: &quot;react-scripts test&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;
    },
  </code></pre>
  <p>Others projects created before this</p>
  <pre class="lang-js prettyprint-override"><code>&quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@testing-library/jest-dom&quot;: &quot;^4.2.4&quot;,
      &quot;@testing-library/react&quot;: &quot;^9.5.0&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^7.2.1&quot;,
      &quot;react&quot;: &quot;^16.13.1&quot;,
      &quot;react-dom&quot;: &quot;^16.13.1&quot;,
      &quot;react-redux&quot;: &quot;^7.2.1&quot;,
      &quot;react-scripts&quot;: &quot;3.4.3&quot;,
      &quot;redux&quot;: &quot;^4.0.5&quot;,
      &quot;redux-thunk&quot;: &quot;^2.3.0&quot;,
      &quot;uuid&quot;: &quot;^8.3.0&quot;
    },
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;npm run watch:css &amp;&amp; react-scripts start&quot;,
      &quot;build&quot;: &quot;npm run build:css &amp;&amp; react-scripts build&quot;,
      &quot;test&quot;: &quot;react-scripts test&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;,
      &quot;build:css&quot;: &quot;postcss src/assets/tailwind.css -o src/assets/main.css&quot;,
      &quot;watch:css&quot;: &quot;postcss src/assets/tailwind.css -o src/assets/main.css&quot;
    },
    &quot;eslintConfig&quot;: {
      &quot;extends&quot;: &quot;react-app&quot;
    },
  </code></pre>
  <p>EDIT: downgraded dependencies from React 17 to     &quot;react&quot;: &quot;^16.13.1&quot;, and worked as expected.. I guess it has something to do with react version</p>