What's the proper way to integrate with react-oidc-context?

I am using

react-oidc-context

react-oidc-context

react-oidc-context

react-oidc-context for auth, I want to integrate the router with it, but I do not want to go into the app without auth being loaded

const auth = useAuth()
auth.isLoading // This is a boolean

const auth = useAuth()
auth.isLoading // This is a boolean

const auth = useAuth()
auth.isLoading // This is a boolean

const auth = useAuth()
auth.isLoading // This is a boolean

Is there any way through which I can go to the router pending component and wait there for

isLoading

isLoading

isLoading

isLoading to become

false

false