RxJS operator that catches the error, feed an variable with error message, then returns an observable with default value

handle-error-operator.ts

import { of as observableOf, OperatorFunction } from 'rxjs';
import { catchError } from 'rxjs/operators';

// tslint:disable-next-line:max-line-length
export function handleError<T, O = any>(context: any, attrName: string, defaultMessage?: string, returnedValue?: any): OperatorFunction<T, T | O> {
  return catchError((err: any) => {
    context[attrName] = err.error?.message || defaultMessage;
    return observableOf(returnedValue || null);
  });
}