Error handling with fromFetch()

fromFetch-error.ts

const ghibliFilmError$ = fromFetch("https://ghibliapi.herokuapp.com/wrongURL").pipe(
  switchMap(response => {
    if (!response.ok) {
      throw `There was an error with status ${response.status}`;
    }
    return response.json();
  }),
  catchError(err => {
    console.error(err);
    return of({ error: true, message: err });
  })
);

ghibliFilmError$.subscribe(result => console.log(result));
// Output: {error: true, message: "There was an error with status 404"}