forward(operation) not retrying in my case

[ShourovRoy]

Here is my code and when I am trying to retry using forward(operation) by setting the header with new access token the retry is not working.

Here is the code:

const getNewToken = async () => {

return await axios.post('http://localhost:4000/graphql', {
  query: `
    mutation REFRESH($refreshToken: String!){
        refreshToken (body: {
            refreshToken: $refreshToken
        }) {
            accessToken
            refreshToken
        }
    }
  `,
  variables: {
    refreshToken: Cookies.get("refreshToken") || ""
  }
}).then(data => {
 
  Cookies.set("accessToken",  data.data.data.refreshToken.accessToken);
  Cookies.set("refreshToken",  data.data.data.refreshToken.refreshToken);

  return data.data.data.refreshToken.accessToken;
}).catch(err => {
  return "";
})

}

const interceptors = onError(({ networkError, forward, operation, graphQLErrors }) => {

if (graphQLErrors) {
  for (let err of graphQLErrors) {
    
          switch (err.extensions.code) {
    
            case "UNAUTHENTICATED":
    
              const oldHeaders = operation.getContext().headers;

              const tokens = getNewToken();

              tokens.then(accessToken => {
                operation.setContext({
      
                  headers: {
      
                    ...oldHeaders,
      
                    Authorization: accessToken,
      
                  },
      
                });

                return forward(operation);

              })
    
    
          }
    
        }
}

})

const httpLink = new HttpLink({ uri: 'http://localhost:4000/graphql' });

export const client = new ApolloClient({
link: interceptors.concat(httpLink),
cache: new InMemoryCache(),
ssrMode: true,
});

function MyApp({ Component, pageProps }) {
return (


<Component {...pageProps} />


)
}

export default MyApp

[jpvajda]

@ShourovRoy Thanks for posting this issue! What's your expected outcome here? It would be helpful to see a reproduction of this issue. You can create a reproduction using https://github.com/apollographql/react-apollo-error-template and link to it here. If you prefer an in-browser way to create reproduction, try: https://codesandbox.io/s/github/apollographql/react-apollo-error-template

[raym]

@ShourovRoy you are not awaiting for your getNewToken which is async.

Even so, that would require you to change the function you're passing to onError to an async function, but onError does not await on the function you pass in, so your approach will not work.

You can see here, there is no await on the errorHandler function you pass to onError:
https://github.com/apollographql/apollo-client/blob/main/src/link/error/index.ts#L38

I believe you need to create and return an Observable.