How can I switch the page using React Router after receiving data?

Question

JavaScript

Interested in this question:
The project uses react-router. When a route is switched, a request is sent to the socket for information. But the page without information is already being rendered. As soon as the data is received, the page takes the desired form.
A question of such a plan: maybe there are some libraries / components on top of the router to skip rendering an empty page? How can this problem be solved?
Thank you for your attention

Answer 1

You can solve the preloader. While there is no data - draw a preloader (the line "loading ...", watch, or something else).