bvaughn / react-virtualized

React components for efficiently rendering large lists and tabular data
http://bvaughn.github.io/react-virtualized/
MIT License
26.31k stars 3.05k forks source link

Many Big Elements inside Collection cause very high Memory usage #1724

Closed N-Ziermann closed 1 month ago

N-Ziermann commented 2 years ago

Bug Report

Example: https://codesandbox.io/s/zjrsfp?file=/Example.js

What is the current behavior?

Increasing the x and y values of the "dimensions" constant in the example will dramatically increase memory usage of the chrome tab even though the number of rendered elements doesnt change. Depending on how big the cells are memory usage can go up to multiple gigabytes.

What is the expected behavior?

The size of the cells should not have such an impact on memory usage, as not using the collection at all would actually improve the performance in this case.

Which versions of React and react-virtualized, and which browser / OS are affected by this issue? Did this work in previous versions of react-virtualized?

Browser Chrome 98.0.4758.102
OS Windows 10 Enterprise
React 16.0.0
React DOM 16.0.0
react-virtualized 9.11.1