withSessionHOC executa após a página carregar.

Oi

Uma solução viável para o dilema é empregar a função getServerSideProps, a qual é executada no servidor antes de renderizar a página. Dessa maneira, é possível verificar a autenticação do usuário e redirecioná-lo antes da carga completa da página.

Segue um exemplo de como se pode usar o getServerSideProps para efetuar essa verificação:

import { getSession } from 'next-auth/client';

export async function getServerSideProps(context) {
  const session = await getSession(context);

  if (!session) {
    return {
      redirect: {
        destination: '/login',
        permanent: false,
      },
    };
  }

  return {
    props: {},
  };
}

function MinhaPagina() {
  // Conteúdo da página
}

export default MinhaPagina;

A função getServerSideProps verifica a existência de uma sessão ativa para o usuário. Se não houver sessão, ele será redirecionado para a página de login; caso contrário, a página será renderizada normalmente.