diff --git a/src/components/blogCarousel/blogCarousel.tsx b/src/components/blogCarousel/blogCarousel.tsx index 524b2132..96817110 100644 --- a/src/components/blogCarousel/blogCarousel.tsx +++ b/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, }), ]} >