ли я использовать обещание в течениеHttpInterceptor? Например:

export class AuthInterceptor implements HttpInterceptor{
this.someService.someFunction()
    .then((data)=>{
       //do something with data and then
       return next.handle(req);
    });
}

зачем мне это? потому что мне нужно получить токен для добавления в заголовок запроса перед отправкой запроса на сервер.

Мой перехватчик:

@Injectable()
export class AuthInterceptor implements HttpInterceptor{

    constructor(private authService: AuthService){}

    intercept(req: HttpRequest<any>, next: HttpHandler) : Observable<HttpEvent<any>>{
        console.log('Intercepted!');
        // return next.handle(req);
        this.authService.getToken()
            .then((token)=>{
                console.log(token);
                const reqClone = req.clone({
                    headers: req.headers
                            .set('Authorization', 'Bearer ' + token)
                            .append('Content-Type', application/json')
                });
                console.log(reqClone);
                return next.handle(reqClone);
            })
            .catch((err)=>{
                console.log('error in interceptor' + err);
                return null;
            });
    }
}

Запрос:

this.http.post(this.baseURL + 'hero', data)
                    .subscribe(
                            (res: any) => {
                                console.log('Saved Successfully.');
                                console.log(res);
                            },
                            (err: any) => {
                                console.log('Save Error.' + err);
                            }
                        );

Проблемы, с которыми я сталкиваюсь:

-> Я получаю эту ошибку до того, как обещание будет разрешено.

You provided 'undefined' where a stream was expected. You can provide an Observable, Promise, Array, or Iterable.

Обещание восстанавливается, и я получаю свой токен, но после ошибки.