Tengo una aplicación de una sola página donde construyo múltiples Custom React Hook para obtener datos en mi backend (MongoDB). Cada vez, también verifico si el usuario está conectado antes de obtener datos de esta manera:

 export const useTotalSessionsToday = () => { const { user } = useAuth0(); let userName; if (user) { userName = user.name; } const { data, loading, error } = useQuery(GET_TOTAL_SESSIONS_TODAY, { variables: { userName }, }); return { data, loading, error }; };

Actualmente, estoy llamando al gancho auth0 en cada gancho personalizado. Me resulta difícil creer que no haya una mejor manera (ya que llamar a auth0 hook es algo lento).

¿Debo usar localStorage y almacenar el "nombre de usuario" del usuario en la carga de la página y luego buscarlo desde allí? ¿O es mejor llamar a auth0 cada vez?

PD: uso Typescript con React y Graphql