Render loader while data being fetched, if no data display one component and if data display another in React web app

Question

I\'m attempting to build a React component which follows this basic principle:

• On page load, render loader component while data is being fetched
• If the