Before we continue working on our application, I want to mention something where once they react 17
came out, there's this weird glitch where in some operating systems, the heart reloading doesn't work.
Because if you remember from the last video, when I made some changes to the product context, well,
they were not displayed right away.
I had to refresh the application.
And especially as you working with somewhat big project, it gets annoying really, really fast.
And I was searching all over the place.
But tell me honestly, the easiest way to fix it is revert to the older reactive version.
And that is exactly what I did while I was building.
I went back to the older version and then once I was done, then I switched back to the 17 again.
It's not going to affect your functionality, just the heart reloading.
So let me showcase that where, for example, if I go to products context and if I want to display it
by default, if I'm going to say here true, it should right away hot reload, but it's not doing that.
Notice here, of course, now I can see it because that was my old setup.
But once I refresh, I can see that and I can see the sidebar.
But if I switch this back to the false again, it's not going to hot reload.
So every time you make some changes, you'd have to refresh and trust me, it gets really, really annoying.
So a better way is if you navigate to read me and notice here, I have some notes and one of them is
older react version.
So what I would want you to do is just grab these three lines of code.
So six, seven and eight like so.
And again, this is if you have those issues, if you don't, then of course you can just dismiss this
video and continue the next one.
But if you're experiencing the same issues, I strongly suggest following the same steps.
So grab these three lines of code then and navigate back to the package.
Drayson and then look for the same ones.
So you should have react, react and react icons.
Now notice here how I would want to change the script.
Correct.
So just move this script up.
So we have react, react and then react script.
You can remove this one.
So copy and paste.
Make sure you add a comma so there's no errors, so you can save it right now, but what you'll need
to do is stop this server and then delete the node module.
So late node modules here, the trash, and then you'll have to repeat the steps where we go with NPM
install and then NPM start.
So that is what fixed it for me.
Where I went back to the older version of React, I completed the project and then I switch back to
the latest version.
So of course by the time you're watching this, you'll see in the README also the newer version of REAC
that I included.
Just so once you're done, you can switch back.
And you don't have any issues, so I'm going to pause the video right now because, of course, the
whole install is going to take place and I'll resume it once we're done just to showcase that.
Once we're done adding this change, we should get the heart reloading back.
And once we have all our dependencies in place, let's start out now.
I'm going to navigate back to the product context.
And again, the whole point was that once I change this one to true, I should have my heart reloading.
Correct where the devs are right away.
Reload the page and I can see the latest changes.
And as you can see, everything works again.
If you don't have these issues, of course, you don't have to do it.
If you do, that's the easiest solution that I found.
And I didn't find any solutions.
This is just something that I came up with.
And once we have our hot reloading back and of course, we can continue with our application.