Detached Nodes Memory Leak

[jmetz93]

Use Case: Dashboard that displays Gantt Chart and refreshes the Gantt Chart with new data at certain intervals.

What ends up happening in heap snapshots is a ballooning of Detached Nodes, Divs, Table Elements, etc and really hurts the page performance. When checking out what they are, it's all the html associated within the gantt chart.

Snapshot:

That's just some of them, it also includes all table row elements and every refresh adds another instance of all these elements.

Here is how I render the Gantt Chart (it is within a react component):

I have tried extending this code to target those specific elements and remove them as well before rendering, but that doesn't appear to solve the issue. Is there something I can change to prevent this issue?

[delhoume]

Are you sure it is a Gantt component issue, and not a React one ?