Skipping requests in rxjs and Angular, if we enter a white-space, the request gets made again requests run as soon as the model gets changed if the user types something before the request has finished, the request keeps running

skipping-requests.js

import {
    debounceTime,
    distinctUntilChanged, filter,
    map,
    switchMap
} from 'rxjs/operators';

//...
this.searchResult$ = this.queries$.pipe(
            map((query: string) => query ? query.trim() : ''),
            filter(Boolean),
            debounceTime(500),
            distinctUntilChanged(),
            switchMap((query: string) => this.fetchRepositories(query))
       );