[BUG] Cumulative Layout Shift issue in React 18

[reza-akbari]

Describe the bug
in react 18 the content below Virtuoso jumps and causes a CLS issue.

Reproduction
https://codesandbox.io/s/react-virtuoso-cls-issue-with-react-18-3078xo?file=/App.js

it's more clear when using chrome devtools CPU throttling
https://user-images.githubusercontent.com/35025677/179399612-e83ffa1e-09a0-4c60-88f4-427e02454cf7.mp4

with react 17 and ReactDOM.render this was not happening

thanks for this great project 🙏

[petyosi]

Thanks for that, I can see the issue. Certainly, this problem happens only in the useWindowScroll mode.

I've managed to address similar issues with React 18 using flushSync calls, but the problem I'm facing is that it does not work the same way (as in - it throws warnings) in React 17. Realistically speaking, I will probably be able to tackle it once I start publishing React 18-only versions.

[AndrewFedor]

Hey there, ditto to the first reporter on this. Thanks for an awesome library. We've been using TableVirtuoso with multiple tables on the same page. The CLS issue is even more noticeable with 4 or 5 tables on one page.

Just checking in to see if there's any plan for addressing or a major React 18 version in the works.

Thanks again!

[petyosi]

@AndrewFedor - that's great to hear. You can help me prioritize this in my life by sponsoring the project. Thanks again.