In React how to stop rendering components which state or props not changed?

Question

I got an issue in my project , that I had a main component which acts as the parent component of my project inside that I had the routes for the other components and some other