lord-icon-element VS react-useanimations

While the documentation suggests using the style property with a string, we encountered an error that prompted us to explore alternative options: In addition, you have the ability to modify the triggers using the trigger property, enabling you to associate specific events such as click or loop with the icon. For further optimization option, you can clone this repository and sort through the code.

The resulting output will resemble the following: The issue above arises when the icon is rendered twice, but only one is animated. One approach to resolving this is to disable , as outlined in the documentation. React's renders each component twice in order to detect and report any potential issues within your application. However, it's generally not recommended to disable , as it may result in undetected bugs and errors.