Next.js React-Leaflet bouncing marker using Leaflet.SmoothMarkerBouncing

I am new to the front-end development, I am trying to get bouncing marker in React-leaflet using
https://www.npmjs.com/package/leaflet.smooth_marker_bouncing/v/1.3.0?activeTab=explore
But I don’t have enough documentation to try it, I tried some methods based on the article
https://medium.com/sopra-steria-norge/react-leaflet-a-short-intro-with-animations-4fa8f8c5eb1c
I was able to fly to coordinates but unable to get the bouncing marker. I don’t have any errors in console as well as in terminal.
I would really appreciate if someone shared some basic implementation of the plugin in next.js and share the code.
Thanks!