Фильтр в классе источника данных таблицы матов существует, но выдает ошибку

Question

Проблема в том, что свойство 'filter' не существует для типа 'DataSource'. У меня есть это для фильтрации данных в моем HTML:

<div class="form">
  <mat-form-field floatPlaceholder="never" color="accent">
    <input matInput #filter placeholder="Filter">
  </mat-form-field>
</div>

, и этот кусок кода для фильтрации данных в моем файле TS:

 fromEvent(this.filter.nativeElement, 'keyup')
  // .debounceTime(150)
  // .distinctUntilChanged()
  .subscribe(() => {
    if (!this.dsTireMachines) {
      return;
    }
    this.dsTireMachines.filter = this.filter.nativeElement.value;
  }); 

и класс dataSource содержит установщик и getter для этой функции фильтра:

export class MatDataSource extends DataSource<TireMachine> {

get filter(): string {
  return this.filterChange.value;
}

set filter(filter: string) {
  this.filterChange.next(filter);
}

, но я получаю сообщение об ошибке, которое кажется, что фильтр не распознан и говорит: # Свойство 'filter' не существует в типе 'DataSource' в этой строке >>>> this.dsTireMachines.filter #