Как правильно использовать сравнение с Reactive Forms в Angular 7?

Question

Это правильный способ сделать это? Официальные документы дали нам только пример того, как использовать его с шаблонно-управляемыми формами, а не с реактивными формами.

<mat-form-field>
    <mat-select placeholder="Select Toppings" formControlName="toppings" [compareWith]="compareFn" multiple>
        <mat-option *ngFor="let topping of (toppings$ | async)" [value]="topping.id">{{topping.name}}</mat-option>
    </mat-select>
</mat-form-field>

pizzaForm = this.formBuilder.group({
    id: ['1'],
    name: ['Foo'],
    topping: [
        [
            { id: 1, name: 'Foo'}
         , 
            { id: 2, name: 'Bar' }
        ]
    ],
})

compareFn(a: any, b: any): boolean {
    return a.id === b.id;
}