How can Add a Loader for the whole page in Reactjs?

Question

I want to add a Loader when any API call is happening.

My application have layout with Header, Footer, Side Menu, ContentComponent.

I want to show overlay loader o