it seems as if the request is not being retried.
operation.setContext() functionthen() function is being successfully called (catch does not activate)The idea is from How to execute an async fetch request and then retry last failed request? and is the accepted answer.
const errorLink = onError(
({ graphQLErrors, networkError, operation, forward }) => {
if (graphQLErrors) {
for (let err of graphQLErrors) {
switch (err.message) {
case "Signature has expired":
return new Observable((observer) => {
getNewToken()
.then((token) => {
operation.setContext(({ headers = {} }) => {
return {
headers: {
...headers,
authorization: `JWT ${token}`,
},
};
});
})
.then(() => {
const subscriber = {
next: observer.next.bind(observer),
error: observer.error.bind(observer),
complete: observer.complete.bind(observer),
};
forward(operation).subscribe(subscriber);
})
.catch((error) => {
// No refresh or client token available, we force user to login
observer.error(error);
});
});
}
}
}
}
);