[REACT] Large datasets Tree & Grid - Maximum call stack size

[amunoz@certinia.com]

Hello!

We are trying to imitate a file explorer using bryntum react tree gridhttps://bryntum.com/products/grid/examples/frameworks/react-vite/tree/dist/

The thing is that... we might need to represent 200.000+ nodes, and when we try to represent that dataset we get

Maximum call stack size exceeded
RangeError: Maximum call stack size exceeded
    at _Collection.splice (https://clxproject.localhost/static/js/bundle.js:83520:14)
    at _Collection.add (https://clxproject.localhost/static/js/bundle.js:83347:12)
    at https://clxproject.localhost/static/js/bundle.js:180396:56
    at TreeGrid.changeSelectedRecordCollectionSilent (https://clxproject.localhost/static/js/bundle.js:179168:22)
    at TreeGrid.performSelection (https://clxproject.localhost/static/js/bundle.js:180396:12)
    at TreeGrid.selectAll (https://clxproject.localhost/static/js/bundle.js:179744:12)
    at TreeGrid.onCheckAllChange (https://clxproject.localhost/static/js/bundle.js:179377:48)
    at CheckColumn.trigger (https://clxproject.localhost/static/js/bundle.js:64723:36)
    at CheckColumn.onCheckAllChange (https://clxproject.localhost/static/js/bundle.js:154006:8)
    at Checkbox.trigger (https://clxproject.localhost/static/js/bundle.js:64723:36)

When trying to use less nodes, we can see them, filter, search, open, but we have enabled the checkboxes, and the showCheckAll: true option, so when we try to select/unselect this checkbox it launches the same error. Sometimes when we scroll, like it updates the checkbox and it continues working, but it takes come time and also can block the browser, leaving it without response.

We have also tried to do the same without a tree grid, with: https://bryntum.com/products/grid/examples/frameworks/react/javascript/big-dataset/build/, but again when we add selectionMode it totally breaks

I will leave attached the tree grid and the grid tests that we have done, we work with react17 and "@bryntum/grid": "6.1.7", "@bryntum/grid-react": "6.1.7".

I understand that are cost operational tasks as well the data set is very large, we removed some options, made the data as simple as possible, tried many workarounds (lets leave by default all to true so there is only unselection) but we still get issues with very large datasets, specially at 50.000+ at a powerful laptop, and we will like to know if there is a solution before thinking in other approaches (pagination, custom solution...).

Thanks

[tasnim]

Welcome to Bryntum Forum!

Thanks for your report. We'll investigate it. Here is the ticket to track progress https://github.com/bryntum/support/issues/11355

Please feel free to reach out if you have any other questions or need help.

[amunoz@certinia.com]

Hello Tasnim!

I hope you're doing well.

I just wanted to check in and ask if there are any updates on when this issue is planned to be fixed, or if there’s any news related to it.

Thanks in advance!

An

[marcio]

Hey An,

Unfortunately, no updates. I added a note to the ticket. I'll check with our team about some estimates on dates.

[amunoz@certinia.com]

Hi Maricio,

Thanks! It’d be great to know the date—I’ll be keeping an eye out for it.