I have an App with this simplified component structure

Application
  --Modal
  --AntoherComponents
  --Display
      --Charts
          --Chart (might be multiple Chart components) 
      --Tables
          --Table (might be multiple Table components)

For example Tables can be expensive to re-render, as they can display tens of thousands of rows and there can be multiple tables and charts in the app.

The Modal serves for setting up the whole application ( the modal is initiated from a various app components and has various content) and its state (on/off, app settings) are stored in the Application component to be accessible from the whole app.

When the app is steady and somebody opens the modal, is there any way to render only the Modal component on top (modal + semi-transparent black background) and leave the rest untouched? Otherwise it takes a long time to open (whole app re-renders). The app has a lot of components, so setting up Memo seems to be a last resort for me.