Please continue reading below to see how to use it or read my guide on using React's events with TypeScript.
interface AnimationEvent<T = Element> extends SyntheticEvent<T, NativeAnimationEvent> {
animationName: string;
elapsedTime: number;
pseudoElement: string;
}
import React, { AnimationEvent } from 'react';
const App = () => {
const handleAnimationEvent = (e: AnimationEvent<HTMLDivElement>) => {
// Do something
};
return <div onAnimationIteration={handleAnimationEvent}>{/** Some code */}</div>;
};
export default App;