How to ONLY render the modal and not RE-RENDER the route behind the modal

[JeremyColton]

Hi,

You wrote in your main doc page: 'To display a modal component "on top" of another component, both routes (the ModalRoute and the Route that renders the other component) must match.'

The downside is that when the modal is opened, the parent route's components are re-rendered which is a waste and slows down the modal's rendering! My parent route loads a heavy menu page. How can I stop the parent from re-rendering AND open the modal which has its own route?