I have built this custom modal component that does an animation on entering and leaving. However i’ve run into a problem where sometimes, more oftan than not – when opening the modal the animation seems to stutter or jitter a bit. But the closing animation is always flawless.

I have built this custom modal component that does an animation on entering and leaving. However i’ve run into a problem where sometimes, more oftan than not – when opening the modal the animation seems to stutter or jitter a bit. But the closing animation is always flawless.

I have built this custom modal component that does an animation on entering and leaving. However i’ve run into a problem where sometimes, more oftan than not – when opening the modal the animation seems to stutter or jitter a bit. But the closing animation is always flawless.

This a React application that animates sorting algorithms. I have the animations working smoothly (and imperatively) outside of the React paradigm using JavaScript’s native Web Animations API. I want to follow React best practices, so does it make sense to run this imperative logic within a useEffectEvent?