useSessionContext() + loading state?

export const Home = ({ scenes }: { scenes: Scene[] }) => {
    // TODO display username somewhere
    const { session } = useSessionContext();
    const { profile, creatingProfile, setProfile } = useCustomerContext(); // active profile
    const { user, isLoading } = useUserInfo(session && session.user ? session.user.id : null)
    const router = useRouter();
    const { profile: profileQueryParam } = router.query;

    if (isLoading) {
        return (
            // tailwind center aligned full screen column in the middle
            <div className="flex flex-col items-center justify-center h-screen">
                <Loader>Loading</Loader>
            </div>
        )
    }

    if (!isLoading && !user) {
        router.push('/login');
        return null;
    }