Dynamically changing data causes Error: <g> attribute transform: Expected number, "translate(NaN,NaN)"

[irynacodes]

With a button click, I can trigger a call to the server that returns different data with a different root - I then send it to the chart with:
.then(response => { this.#chart.data(response).render(); });

The chart rerenders and the new data is there, but i get the following error in the console:

The error is thrown as many times as there are links that need to disappear with this data switch:

Updated chart with new data:

Could you please help me figure out what exactly causes these errors? Thanks in advance.

[bumbeishvili]

Not exactly sure without seeing it reproduced.

You can extend this and try to reproduce it and then I can check

https://stackblitz.com/edit/js-36myfl?file=index.html

[irynacodes]

You can explore the reproduced issue here - https://stackblitz.com/edit/js-1xraiyrd?file=index.html

[bumbeishvili]

Works normally for me? Don't see any errors

[irynacodes]

Works like this for me :o However, for example in Firefox it is thrown as a warning, not error - maybe that's why you don't see it?

org-chart-error.mp4

[bumbeishvili]

I don't know does not happen for me - tried both firefox and chrome (in Mac).

Do you see any error in incognito mode?

[irynacodes]

Yes, I can see the error being thrown after the button press both in Chrome and Firefox, regular and incognito mode, Windows and Mac...

[Greenspart]

Hi,
I'm also axperiencing this issue, @irynacodes did you manage to find a solution ?

[bumbeishvili]

@Greenspart can you also prepare online sample with issue reproduced?

[Greenspart]

You can explore the reproduced issue here - https://stackblitz.com/edit/js-1xraiyrd?file=index.html

@bumbeishvili I have the issue when I use the sample of @irynacodes , let me know if you still want me to do a new one.

[irynacodes]

No no, unfortunately I was not able to resolve the issue. Let me know if you manage to fix it :)