Base example no longer works in latest Angular versions

[imbesci]

no content renders on the screen

html

<cdk-virtual-scroll-viewport tvsItemSize>

  <table mat-table [dataSource]="dataSource">

    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>

    <ng-container matColumnDef="id">
      <th mat-header-cell
          *matHeaderCellDef
          class="col-sm">No.</th>
      <td mat-cell
          *matCellDef="let element"
          class="col-sm">{{element.id}}</td>
    </ng-container>

    <ng-container matColumnDef="name">
      <th mat-header-cell *matHeaderCellDef>Name</th>
      <td mat-cell *matCellDef="let element">{{element.name}}</td>
    </ng-container>

  </table>

</cdk-virtual-scroll-viewport>

component.ts

import { Component } from '@angular/core';
import { TableVirtualScrollDataSource } from 'ng-table-virtual-scroll';
import {
  ScrollingModule,
  CdkVirtualScrollViewport,
} from '@angular/cdk/scrolling';
import { MatTableModule } from '@angular/material/table';

const DATA = Array.from({ length: 1000 }, (v, i) => ({
  id: i + 1,
  name: `Element #${i + 1}`,
}));

@Component({
  standalone: true,
  imports: [ScrollingModule, CdkVirtualScrollViewport, MatTableModule],
  selector: 'app-base-example',
  templateUrl: './vscroll.component.html',
  styleUrls: ['./vscroll.component.css'],
})
export class BaseExampleComponent {
  displayedColumns = ['id', 'name'];

  dataSource = new TableVirtualScrollDataSource(DATA);
}

versions
"dependencies": { "@angular/animations": "^19.1.0", "@angular/cdk": "^19.1.2", "@angular/common": "^19.1.0", "@angular/compiler": "^19.1.0", "@angular/core": "^19.1.0", "@angular/forms": "^19.1.0", "@angular/material": "^19.1.2", "@angular/platform-browser": "^19.1.0", "@angular/platform-browser-dynamic": "^19.1.0", "@angular/router": "^19.1.0", "ng-table-virtual-scroll": "^1.6.1", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.15.0" },