How to load data from API before page rendering with SSR in REACT?

Question

React

Good afternoon. There is an app in React. It has a page. The data to display is stored in the hook (useState) and loaded via the API (fetch). Accordingly, while there is no data, I show the inscription "Loading", when they appear, I draw the page as it should be.

The problem is that SSR renders a page that says "Loading". Tell me how to make React wait for data from the API with SSR and only then give the page?