play value from useAnimate cannot be use in useEffect

Describe the bug Value of play is changing during the animation and it cannot be used inside useEffect

To Reproduce I want to play animation depends on isOpened prop from parent and I need value of isPlaying to conditionally show children (I think that is not doable using Animation component)

const { play, style, isPlaying } = useAnimate({
  start: { opacity: 0 },
  end: { opacity: 1 },
  play: isOpened,
});

useEffect(() => {
  play(isOpened)
}, [isOpened, play]);

return (isOpened || isPlaying) ? children : null;

Above code produces infinite loop inside useEffect.

[marcin-piela]

I will do, but give me time until tomorrow 😃

[marcin-piela]

Thanks, now I can replace react-transition-group with you library (2kB less in build 😄 )