Question: How to maintain nodeHighlightBehavior when passing onMouseOverNode a function?

[jyotiiiii]

I'm passing the <Graph /> a callback function in onMouseOverNode which changes the state in a parent component but it prevents the default nodeHighlightBehavior. How can I reinstate it? Thanks.

[antoninklopp]

Hello @jyotiiiii ,

I am not quite sure that I understand the question. Could you add a few repro steps and indicate more precisely the behaviour that you are having and the behaviour that you are expecting?

You can fork this codesandbox as a starting point if you like.

Thanks !

[clsyan0]

You can reproduce this issue with a setTimeout inside onMouseOverNode. Inside the setTimeout, write a setState and it should disable the highlight on Node and Link. It happens with me when i try to set a state to a tooltip that appears on screen. To avoid this, i'm setting the Node's and Links' highlight manually in onMouseOverNode.

[clsyan0]

@antoninklopp here you can reproduce the problem: https://codesandbox.io/s/react-d3-graph-small-forked-fbqzg

Click on the button and let your cursor over a node until the counter increases. It will disable all highlights.