Inconsistent rerender after new item added.

[phoniks]

So, here's the scenario:

I have a visualization component in my app that renders a graph. There's an initialization button that is meant to trigger a new node being added to the graph. Unfortunately, more often than not when I initialize a new node it doesn't appear on the graph. Sometimes I have to click the button 5 or 6 or 10 times before it actually renders anything new to the graph, and of course, I only wanted the first one, so now we have a graph that looks nothing like what I intending. I've tried grabbing the refObject and using it to refresh the graph, but it doesn't seem to have any effect. Does anyone have any tips on how to make the graph update consistently when new data is added?

[phoniks]

https://user-images.githubusercontent.com/7213762/167228859-c5106b24-42d3-4c4d-8b71-a8d4d7bc3440.mp4
Here's a screen cap of the issue - you'll notice that it's not until the 5 or 6th time the button is pressed that the visualization actually updates.