# Hot Reload not working in React 17.0.3

**URL:** <https://forum.codewithmosh.com/t/hot-reload-not-working-in-react-17-0-3/5606>\
**Category:** React\
**Created:** [June 19, 2021, 12:19pm UTC](https://forum.codewithmosh.com/t/hot-reload-not-working-in-react-17-0-3/5606 "2021-06-19T12:19:38Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![maria.shahid](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@maria.shahid](https://forum.codewithmosh.com/u/maria.shahid)\
**Post date:** [June 19, 2021, 12:19pm UTC](https://forum.codewithmosh.com/t/hot-reload-not-working-in-react-17-0-3/5606/1 "2021-06-19T12:19:38Z")

</div>

Hi,

I have recently created a new project with create-react-app. Also, I am following Mosh’s Mastering React course and according to it, if you make any changes in your project the changes should automatically reload in your browser.

But its not working for me. I am using React 17.0.3.

Any ideas?

Regards,

Maria

---

<div class="post-metadata">

**Author:** ![rob](https://avatars.discourse-cdn.com/v4/letter/r/838e76/32.png) [@rob](https://forum.codewithmosh.com/u/rob)\
**Post date:** [June 21, 2021, 2:44pm UTC](https://forum.codewithmosh.com/t/hot-reload-not-working-in-react-17-0-3/5606/2 "2021-06-21T14:44:17Z")

</div>

So the page doesn’t auto-reload, but if you manually click the refresh button in the browser, you see the changes? Are you using npm start to run the app?

---

<div class="post-metadata">

**Author:** ![maria.shahid](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@maria.shahid](https://forum.codewithmosh.com/u/maria.shahid)\
**Post date:** [June 21, 2021, 3:30pm UTC](https://forum.codewithmosh.com/t/hot-reload-not-working-in-react-17-0-3/5606/3 "2021-06-21T15:30:14Z")

</div>

Yes Rob, if I manually click the refresh button it works. Also, I am using npm start to run the app.

---

<div class="post-metadata">

**Author:** ![UniqueNospaceShort](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/uniquenospaceshort/32/1814_2.png) [@UniqueNospaceShort](https://forum.codewithmosh.com/u/UniqueNospaceShort)\
**Post date:** [June 24, 2021, 11:36am UTC](https://forum.codewithmosh.com/t/hot-reload-not-working-in-react-17-0-3/5606/4 "2021-06-24T11:36:52Z")

</div>

Hi.

Just found some more on our good old StackOverflow.

The first answer gives pointers on possible reasons why it is not reloading automatically.  
Some of these are platform specific.

Hope this helps.

> <https://stackoverflow.com/questions/43274925/development-server-of-create-react-app-does-not-auto-refresh>

Regards.

---

<div class="post-metadata">

**Author:** ![Tarek](https://avatars.discourse-cdn.com/v4/letter/t/cdc98d/32.png) [@Tarek](https://forum.codewithmosh.com/u/Tarek)\
**Post date:** [August 26, 2023, 3:07am UTC](https://forum.codewithmosh.com/t/hot-reload-not-working-in-react-17-0-3/5606/5 "2023-08-26T03:07:57Z")

</div>

If you are on Windows, then we maybe have the same issue.  
After hours of researching and digging everywhere I found the solution.

You need to open a linux WSL instance and copy all of the project source code there and run all the commands in the bash or shell.

**The way I did it:**  
In VS code go to the plugin **Remote Explorer**  
If you don’t already have it, install it in vs code:  
VS Marketplace Link: [Remote Explorer - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=ms-vscode.remote-explorer)

Press on + to add a distro (I’ve added ubuntu latest version)  
When you are in the terminal make sure to install curl and then node  
**Note** : use “sudo” or switch to root if you got permission issues “sudo su root”

- go to the source code in Windows and make sure to delete **node\_modules**  
then:
- copy files from /mnt/your/project/path to ~/my\_project
- cd ~/my\_project
- npm install

And you are ready 🙂