I know how to display a loading screen for single api call or useeffect. But I have 5 components inside my home component. And I want to display a loading screen until all the useeffects in each components are loaded. And I'm making multiple api calls.

So, I can't make the loading screen disappear at one single component. If I do so, others will load late and it is visible for users.

How to handle this? any idea?