You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Note: I know I'm mentioning Nivo but ReactSpring appears to be the source of the slowness.
There are many calls to flushUpdate in Nivo charts and they appear to freeze the browser. This happens after the animation has finished.
You can see in those calls in this image.
Here is a link to a demo of the slowness https://stnf3.csb.app. You can see that the freeze happens after the animation is complete. Let me know if I should create a GH issue for this. I thought it would be better to discuss it here first.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Note: I know I'm mentioning Nivo but ReactSpring appears to be the source of the slowness.
There are many calls to
flushUpdate
in Nivo charts and they appear to freeze the browser. This happens after the animation has finished.You can see in those calls in this image.

Here is a link to a demo of the slowness https://stnf3.csb.app. You can see that the freeze happens after the animation is complete. Let me know if I should create a GH issue for this. I thought it would be better to discuss it here first.
As far as I can tell this is the relevant code from Nivo: https://github.com/plouc/nivo/blob/master/packages/arcs/src/useArcsTransition.ts#L21
Beta Was this translation helpful? Give feedback.
All reactions