Table: VirtualScroll not detecting changes of data

[schokolateur]

Describe the bug

Hi there,

since the update to 14.0.0 my tables using virtualScroll not updating anymore when i change (add/remove) data.

My table is setup as following:
<p-table #table [scrollable]="true" [virtualScroll]="true" [scrollHeight]="'flex'" [virtualScrollItemSize]="30" [value]="tableData">

I simply add a row every second for testing:

addRow() {
    this.tableData.push({ id: new Date().getTime() });
    this.tableData = [...this.tableData];
    setTimeout(() => {
      this.addRow();
    }, 1000);
  }

Nothing happens.
When i resize the browser window in height, the data will be displayed.
Removing virtualScroll "resolves" the problem, but is not the solution for some of my big tables...

Environment

Angular 14.1.0 app running in browsers.

Reproducer

No response

Angular version

14.1.0

PrimeNG version

14.0.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

14.18.0

Browser(s)

Chrome 103.0.5060.134 for local testing

Steps to reproduce the behavior

No response

Expected behavior

No response