Angular HTTP Interceptor to retry requests when there's an error

retry.interceptor.ts

import { HttpEvent, HttpHandlerFn, HttpRequest } from '@angular/common/http';
import { Observable, retry, timer } from 'rxjs';

export function retryInterceptor(
  request: HttpRequest<unknown>,
  next: HttpHandlerFn,
): Observable<HttpEvent<unknown>> {
  const initialDelay = 500;
  const maxTries = 3;
  return next(request).pipe(
    retry({
      count: maxTries,
      delay: (_, retryCount) => timer(initialDelay * retryCount ** 2),
    }),
  );
}


// usage
// export const appConfig: ApplicationConfig = {
//   providers: [provideHttpClient(withInterceptors([retryInterceptor]))],
// };