Fixed event listener for continous autoplay

Author: Srushti-Kamble14

src/components/blogCarousel/blogCarousel.tsx

@@ -27,9 +27,15 @@ export function BlogCarousel() {
     setCount(api.scrollSnapList().length);
     setCurrent(api.selectedScrollSnap() + 1);
 
-    api.on("select", () => {
+    const onSelect = () => {
       setCurrent(api.selectedScrollSnap() + 1);
-    });
+    };
+
+    api.on("select", onSelect);
+
+    return () => {
+      api.off("select", onSelect);
+    };
   }, [api]);
 
   return (
@@ -62,8 +68,9 @@ export function BlogCarousel() {
         }}
         plugins={[
           Autoplay({
-            delay: 4000,
-            stopOnInteraction: true,
+            delay: 5000,
+            stopOnInteraction: false,
+            stopOnMouseEnter: true,
           }),
         ]}
       >