[x] Regression (a behavior that used to work and stopped working in a new release)

ERROR in /path/to/heroes.service.ts(23,44): error TS2345: Argument of type '{ params: { groupId: number; }; }' is not assignable to parameter of type '{ headers?: HttpHeaders | { [header: string]: string | string[]; }; observe?: "body"; params?: Ht...'.
  Types of property 'params' are incompatible.
    Type '{ groupId: number; }' is not assignable to type 'HttpParams | { [param: string]: string | string[]; }'.
      Type '{ groupId: number; }' is not assignable to type '{ [param: string]: string | string[]; }'.
        Property 'groupId' is incompatible with index signature.
          Type 'number' is not assignable to type 'string | string[]'.

// heroes-query-params.model.ts
export class HeroesQueryParams {
    groupId: number;
    country: string;
    dead: boolean;
}

// heroes.component.ts
const params: HeroesQueryParams = {
    groupId: 1,
    name: 'US',
    dead: false
};
this.heroesService.getHeroes(params).subscribe((heroes: Heroes) => {
    console.log(heroes);
});

// heroes.service.ts
import { HttpClient } from '@angular/common/http';
// ...
getHeroes(params: HeroesQueryParams): Observable<Heroes> {
    return this.httpClient.get<Heroes>('/path/to/heroes', {
        params: params // ERROR
    });
}

Angular version: 6.0.0

Browser:
- [x] Chrome (desktop) version 66