[REACT] Memory leak even on destroying gantt instance

[vconstruct]

Hi,
We are facing a challenge to clean up memory even after the gantt instance has been destroyed.
Here is the snapshot of memory leak

memoryLeak.png (216.42 KiB) Viewed 289 times

We have 2 tabs, both of them render gantt and on each tab switch we are destroying the gantt instance. We tried to explicitly destroy the projectModel instance as well but still the memory is not cleaned up.

Please let us know how to completely clean the memory on destroying the gantt

[mats]

Very hard to say without a test case. Can you reproduce this in our demos as well?

[vconstruct]

Hi @Mats,

It is getting difficult to create a test case for the demonstration due to intervened internal node module dependencies.

While I was looking to the Documentation, it says that the store supports the Lazy Load.

By our design, we fetch our data once during the application load & stores it in Redux / Context. This data is then passed to the Gantt for loading.

Is there any way by which, we can setup Bryntum Gantt with Lazy load which will query our redux store for the latest and greatest data?

I couldn't find any blog / documentation around its implementation, could you please help around it?

Additionally, please do suggest any design constraint that we need to take care while implementing this.

[alex.l]

Hi vconstruct,

Is there any way by which, we can setup Bryntum Gantt with Lazy load which will query our redux store for the latest and greatest data?

You can bind data using React way, as you see in our docs https://bryntum.com/products/gantt/docs/guide/Gantt/integration/react/data-binding

Or don't bind and load/update data into the ProjectModel when you want using for example https://bryntum.com/products/gantt/docs/api/Gantt/model/ProjectModel#function-loadInlineData

Additionally, please do suggest any design constraint that we need to take care while implementing this.

Load data is more application level task, not sure what's best practices we can suggest here. We always recommend to use internal CrudManager if applicable and call API directly, or bind data, as you see in guide I attached. Here is an article that we have, please check
https://bryntum.com/products/gantt/docs/guide/Gantt/integration/react/guide#best-practices

We can assist better with more specific questions.

Topic's theme " Memory leak even on destroying gantt instance", if you ask out of theme, please create separated thread, our forum rule: one thread - one question. Thanks!