@polev bir loading state'i oluşturun, render olurken loading'in true false değerini sorgulatın. useEffect içerisinde fetch işlemleri gerçekleştiğinde setLoading(!loading) yapın.

Çok tecrübeli değilim ancak fikrimi söyleyebilirim; kodu incelediğimde hata göremedim, muhtemelen problem async-await yapısı kullanmadığınız için. Veriler gelmeden render oluyor, loading screen ya da async-await yapısını kullanırsanız çözülür gibime geliyor.
Şu linkteki makale yardımcı olacaktır. https://hashnode.com/post/how-to-add-loader-or-spinner-using-react-hooks-while-fetching-data-from-apis-ckhv38mr902kdgms100vh3u86