Interceptor new way

main.ts

import { bootstrapApplication } from "@angular/platform-browser";
import { AppComponent } from "./app/app.component";
import { HttpHandlerFn, HttpRequest, provideHttpClient, withInterceptors } from "@angular/common/http";
import { provideRouter } from "@angular/router";
import { inject } from "@angular/core";
import { HeaderService } from "./app/header.service";
import { MY_ROUTES } from "./app/app.routes";

bootstrapApplication(AppComponent, {
    providers: [
      provideHttpClient(
        withInterceptors([
          (request: HttpRequest<any>, next: HttpHandlerFn) => {
            const header = inject(HeaderService).getHeader();
            return next(request.clone({setHeaders: {'MyHeader': header}}));
          }
        ]),
      ),
      provideRouter(MY_ROUTES),
    ]
  }
).catch(err => console.error(err));