Как включить нумерацию страниц с использованием Angular Material, когда данные поступают из бэкэнда?

Question

Вот мой компонент:

@Component({
  selector: 'app-objecttable',
  templateUrl: './objecttable.component.html',
  styleUrls: ['./objecttable.component.css']
})


export class ObjecttableComponent implements OnInit {
  dataSource = new ObjDataSource(this.getObjService);
  displayedColumns = ['name', 'age', 'timestamp'];
  constructor(private getObjService: GetobjectsService) { }
  ngOnInit() {

  }
}
export class ObjDataSource extends DataSource<any> {
  constructor(private getObjService: GetobjectsService) {
    super();
  }
  connect(): Observable<Obj[]> {
    return this.getObjService.getObject();
  }
  disconnect() { }
}

Вот мой сервис, доставляющий мне необходимые данные:

import { Obj } from './models/obj.model';
@Injectable()
export class GetobjectsService {
  private serviceUrl = 'http://127.0.0.1:8000/find-object-data';

  constructor(private http: HttpClient) { }

  getObject(): Observable<Obj[]> {
    return this.http.get<Obj[]>(this.serviceUrl);
  }

}

Просто с помощью

<mat-paginator [pageSizeOptions]="[5,10,20,30]" showFirstLastButtons> </mat-paginator>

не работает

Тогда я узнал, что MatTableDataSource будет использоваться.

Как мне это сделать и сделать работу по нумерации страниц?