re-rendering issue

[KarthiKey-Dev]

whenever the component is re-render i am getting like this (see image)
Framework -> react
code:

const simulation = d3
.forceSimulation()
.nodes(nodeData)
.force("charge", d3.forceManyBody().strength(-400)) // repulsion btw the node, -ve repulse +ve attract each other
.force("center", d3.forceCenter(width / 2, height / 2)) // center
.force(
"collide",
d3
.forceCollide()
.radius(90)
.strength(90)
.iterations(1)
);
if (nodeData?.length) {
simulation
.force(
"link",
d3
.forceLink(edgeData)
.id(link => link.id)
.distance(300) // distance btw the node & link
)
.on("tick", tickFn);
}

[Fil]

Try and make sure that the code in tickFn doesn't append a node each time it is run, but instead updates the existing nodes.

[KarthiKey-Dev]

hey the problem is -> i am having the same data, wheneve i click something the graph component will get re-render so how can i avoid this

[Fil]

There is no way I can help you with so little information.