Ребят,Как мне закодить,что бы во всех компонентах не проверять loading

Question

Ребят,Как мне закодить,что бы во всех компонентах не проверять loading

и error; export const App = () => {
const data = useSelector((state) => state.Auth);
const loading = useSelector((state) => state.AuthLoading);
const error = useSelector((state) => state.AuthError);

const RouteList = routes => <List items={routes} renderItem={(props) => <Route {...props}/>}/>;
const Routes = (!data.authorization) ? RouteList(authFalse) : RouteList(authTrue);

const HasData = !(loading || error);
const LoadingView = loading ? <LoadingPage/> : null;
const ErrorView = error ? <ErrorPage/> : null;
const ContentView = HasData ? Routes : null;

return (
<>
{LoadingView}
{ErrorView}
{ContentView}
<Redirect to="/"/>
</>
)
};