Getting access token using refresh token

Hi There,

I have a setup on using Single page application and I am using the “@auth0/auth0-react”, also enabled localstorage as cache location and useReferesToken is true. Whenever the user clicks on the submit button I am calling the getAccessTokenSilently method, but I am not getting the new token and the APIs are failing as the existing token already expired. Please help me here.

export const GetCurrentUserAccessToken = () => {
  const { user, getAccessTokenSilently, getIdTokenClaims } = useAuth0();
  useEffect(() => {
    const getUserMetadata = async () => {
      try {
        if (currentUserToken == null) {
          const accessToken = await getAccessTokenSilently({
            useRefreshTokens: true
          // console.log('accessToken ', accessToken, user);
          userInfo = user;
          currentUserToken = accessToken;
          const idTokenClaims = await getIdTokenClaims();
          if (idTokenClaims?.__raw) {
            idtoken = idTokenClaims?.__raw;
      } catch (e) {

  }, [getAccessTokenSilently, user?.sub]);

  return {currentUserToken, idtoken};

Hi there @ganumalasetty welcome to the community!

How is your Auth0Provider configured? Do you have a refresh token available from the initial authorize request/response?

Let us know!

Below is the Auth0Provider Configured.

const providerConfig = {
    domain: apiUrls.AUTH0_DOMAIN,
    clientId: apiUrls.AUTH0_CLIENT_ID,
    authorizationParams: {
      redirect_uri: window.location.origin,
      ...(apiUrls.AUTH0_AUDIENCE ? { audience: apiUrls.AUTH0_AUDIENCE } : null),
    cacheLocation: 'localstorage',
    useRefreshTokens: true,
  <Auth0Provider {...providerConfig}>

I see that the offline_access scope is added to authorize API call and the token API is returning the refreshtoken. All the information is stored in the localstorage as I mentioned cachelocation: localstoarge

Can anyone please help me with this…!