DataScroller increases the first index value even when there are no rows

[kiranjholla]

I'm submitting a ...

[x] bug report

Codesandbox Case (Bug Reports)
https://codesandbox.io/s/primereact-test-forked-jrtj2?file=/src/index.js

Current behavior
If the array assigned to the value prop is empty at first, and then gets filled after a few seconds, say after an API call returns, but with only a few records then the DataScroller component fails to render the records.

Expected behavior
DataScroller should render the records irrespective of whether those are provided as part of the initial render or at a later time. I shouldn't be forced to use the lazy feature of DataScroller.

Minimal reproduction of the problem with instructions

• Load the initial value for the value prop as an empty array []
• Using a useEffect hook or something similar, fill this array with values asynchronously

Please tell us about your environment:
Windows 10, npm, react-scripts

• React version:
  17.0.1

• PrimeReact version:
  6.0.2

• Browser:
  all

• Language: [all | TypeScript X.X | ES6/7 | ES5]
  ES6