DataTable: issue with virtualScroll when initialized in non visible panel

Describe the bug

I'm using a DataTable with a VirtualScroller inside a div with display: "none", and the DataTable does not appear when I remove the display: "none" style.

It looks a bit similar to https://github.com/primefaces/primereact/issues/7516.

Reproducer

https://stackblitz.com/edit/znxq12ml?file=src%2FApp.jsx

System Information

System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 20.19.1 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 10.8.2 - /usr/local/bin/npm
    pnpm: 8.15.6 - /usr/local/bin/pnpm
  npmPackages:
    primereact: latest => 9.6.3 
    react: 18.3.1 => 18.3.1

Steps to reproduce the behavior

1. Go to https://stackblitz.com/edit/znxq12ml?file=src%2FApp.jsx
2. Click on the button "2"
3. The table dos not appear

Notes:

• If I change to useState(1); to first show the table "tab", it does appear, but if I click the "1" button and then the "2" button is disappears once again.
• If I remove the VirtualScroller option everything works fine.

Expected behavior

The DataTable should be visible.

Start with the linked StackBlitz reproducer and its src/App.jsx, then inspect the DataTable and VirtualScroller behavior when the component begins inside a display:none panel. Verify the case by switching between buttons 1 and 2, and consider the issue done when the table becomes visible after panel changes while VirtualScroller remains enabled.