how to handle multiple renders of a component when async call is involved

Question

I have a component that renders different stuff based on whether user is logged in or not. I am using firebase authentication (created a context using hooks)