Typescript errror: Type '(props: { newHeight: number; }) => void' is not assignable to type '(event: AnimationEvent<HTMLDivElement>) => void

Code example

<AnimateHeight
    duration={300}
    height={childrenHeight}
    onAnimationStart={(props: { newHeight: number }) =>
        handleAnimationStart(props.newHeight)
    }
>

Expected behavior Typescript error Type '(props: { newHeight: number; }) => void' is not assignable to type '(event: AnimationEvent<HTMLDivElement>) => void:

Possible Solution

Remove & HTMLAttributes<HTMLDivElement> ?

export type AnimateHeightProps = {
  animateOpacity?: boolean;
  animationStateClasses?: AnimationStateClasses;
  applyInlineTransitions?: boolean;
  children: ReactNode | ReactNode[];
  className?: string;
  contentClassName?: string;
  delay?: number;
  duration?: number;
  easing?: "ease" | "linear" | "ease-in" | "ease-out" | "ease-in-out" | string;
  height?: string | number;
  onAnimationEnd?(props: { newHeight: number }): void;
  onAnimationStart?(props: { newHeight: number }): void;
  style?: CSSProperties;
} & HTMLAttributes<HTMLDivElement>

[remijean]

Ahah, thank you it works perfectly! 🔥

[Stanko]

Dang! My bad again 🙈 Omit it is! I’ll try to get the new version out asap.