The animation onClick or onHover event does not works

[DomV-cloud]

I would like to use UseAnimation and icons as well. But animations are played only for non-click or non-hover icons (like activity etc..)

I followed steps for installations.

import React from "react";
import UseAnimations from "react-useanimations";
import github from 'react-useanimations/lib/github';

const App = () => (
  <UseAnimations animation={github} size={56} />
);

So my code looks like this:

import UseAnimations from "react-useanimations";
import menu2 from 'react-useanimations/lib/menu2';

export default function MobileMenu() {
  return (
   
            <UseAnimations
                animation={menu2}
                size={56}
                strokeColor="#B1986B"
                onClick={() => {
                   console.log("icon is clicked");
                  }}
            />
    
  )
}

[GoodboyBadvibes]

I have the same issue too, I'm not sure it ever works 😂

[KalinduGunathilake]

Same issue here. Autoplay works when the page loads, but doesn't get animated onHover or onClick like on their website. Anyone who knows how to manually trigger the animations onClick and onHover?