How to show a component in react-router only after it is fully loaded?

Question

React

How to show a component in react-router only after it is fully loaded?
Those. after clicking on the Link , the url changed and the data began to load, but the previous component is still on the screen, only after all the data is loaded, you need to show the current one

Answer 1

even I'm not sure what this will work ..
make a custom Link component that will first load new data, and only then update the state or something else so that the content is redrawn?
otherwise the React Link immediately changes the url, that's all, then the router immediately updates everything

Answer 2

React Suspense.