import React from 'react'
import UseAnimations from 'react-useanimations'
const Animation: React.FC = () => {
return (
<React.Fragment>
<UseAnimations animationKey="github" size={56} style={{ padding: 100 }} />
</React.Fragment>
)
}
export default Animation
I encountered a type error while working with this code snippet:
The error message states: Type '{ animationKey: string; size: number; style: { padding: number; }; }' is not assignable to type 'IntrinsicAttributes & { animation: Animation; reverse?: boolean | undefined; strokeColor?: string | undefined; fillColor?: string | undefined; ... 7 more ...; render?: ((eventProps: any, animationProps: any) => ReactElement<...>) | undefined; } & HTMLProps<...>'. Property 'animationKey' does not exist on type 'IntrinsicAttributes & { animation: Animation; reverse?: boolean | undefined; strokeColor?: string | undefined; fillColor?: string | undefined; ... 7 more ...; render?: ((eventProps: any, animationProps: any) => ReactElement<...>) | undefined; } & HTMLProps<...>'. Did you mean 'animation'?