React Swiper, Autoplays pauseOnMouseEnter is not working and I can't get it to work through useRef either

[LukeRiches]

Hi!

I currently have an autoplay swiper and want to introduce a pause on mouse enter feature, but can't get it to work through the pauseOnMouseEnter parameters. As a work around I have tried to do it manually through the autoplay methods as suggested by this thread but can't get that to work either and I have looked through other threads but no other solution seems to work.

I have attached a zip file to show my code Charts-Carousel.jsx.zip

Just hoping for some help 🙏

Luke