Function useAnimation

packages/react-aria/src/utils/animation.ts:83–116

(
  ref: RefObject<HTMLElement | null>,
  isActive: boolean,
  onEnd: () => void
)

}

function useAnimation(
  ref: RefObject<HTMLElement | null>,
  isActive: boolean,
  onEnd: () => void
): void {
  useLayoutEffect(() => {
    if (isActive && ref.current) {
      if (!('getAnimations' in ref.current)) {
        // JSDOM
        onEnd();
        return;
      }

      let animations = ref.current.getAnimations();
      if (animations.length === 0) {
        onEnd();
        return;
      }

      let canceled = false;
      Promise.allSettled(animations.map(a => a.finished)).then(() => {
        if (!canceled) {
          flushSync(() => {
            onEnd();
          });
        }
      });

      return () => {
        canceled = true;
      };
    }
  }, [ref, isActive, onEnd]);
}