trying to use useAuth with apollo client and nextjs

[chiptus]

thanks for this work!

I'm trying to integrate useAuth with ApolloClient and nextjs.
I started from the code provided in the nextjs example, and now I'm adding Apollo. The client needs the access token so I'm did something like this:

export default function App({ Component, pageProps }) {
  const router = useRouter();
  return (
    <AuthProvider
      navigate={router.push}
      auth0_domain="..."
      auth0_client_id="..."
    >
      <ApolloWrapper>
        <Component {...pageProps} />
      </ApolloWrapper>
    </AuthProvider>
  );
}

// eslint-disable-next-line react/prop-types
function ApolloWrapper({ children }) {
  const { authResult, isAuthenticating, isAuthenticated } = useAuth();
  console.log({
    authResult,
    isAuthenticating,
    isAuthenticated: isAuthenticated(),
  });
  const client = createApolloClient(authResult && authResult.idToken);
  return <ApolloProvider client={client}>{children}</ApolloProvider>;
}

it works as long I'm staying in the app.
for some reason when I refresh the page (I disabled ublock), authResult becomes null and I can't send any request to the db (fails because missing access token)

[chiptus]

oh, isAuthenticated is true, and I can see the logged in username, but authResult is undefined

[flybayer]

@chiptus did you get this working? I'm having the same problem

[chiptus]

no, I moved to auth0/auth0-nextjs library, although I'm not sure I like it :D

[flybayer]

I found out the issue for me was that we were still using the default social login dev credentials. email/password worked fine, but not social login until we added our own social login keys to auth0.