fix: add catchError for http error

Author: korno-no

apps/rxjs/38-catch-error/src/app/app.component.ts

@@ -3,7 +3,7 @@ import { HttpClient } from '@angular/common/http';
 import { Component, DestroyRef, OnInit, inject } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FormsModule } from '@angular/forms';
-import { Subject, concatMap, map } from 'rxjs';
+import { Subject, catchError, concatMap, map, of } from 'rxjs';
 
 @Component({
   imports: [CommonModule, FormsModule],
@@ -41,8 +41,11 @@ export class AppComponent implements OnInit {
       .pipe(
         map(() => this.input),
         concatMap((value) =>
-          this.http.get(`https://jsonplaceholder.typicode.com/${value}/1`),
+          this.http
+            .get(`https://jsonplaceholder.typicode.com/${value}/1`)
+            .pipe(catchError(() => of('Error occurred'))),
         ),
+
         takeUntilDestroyed(this.destroyRef),
       )
       .subscribe({