From 61d5307458cf7a3c64965162b22defd3c0d43363 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Wed, 3 Jun 2026 13:54:36 +0000
Subject: [PATCH] Bob AI: Fix carousel skipping images by removing state setter
 from u

---
 src/pages/HomePage/sections/Hero.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
index e3a7d52..0aca64d 100644
--- a/src/pages/HomePage/sections/Hero.tsx
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -24,16 +24,20 @@ export default function HeroSection(): React.JSX.Element {
 
     const timer = setInterval(() => {
       setProgress((prev) => {
-        if (prev >= 100) {
-          setCurrentIndex((prevIndex) => (prevIndex + 1) % images.length);
-          return 0;
-        }
+        if (prev >= 100) return 100;
         return prev + step;
       });
     }, updateInterval);
 
     return () => clearInterval(timer);
-  }, [images.length]);
+  }, []);
+
+  useEffect(() => {
+    if (progress >= 100) {
+      setCurrentIndex((prevIndex) => (prevIndex + 1) % images.length);
+      setProgress(0);
+    }
+  }, [progress, images.length]);
 
   return (
     <div id="hero" data-webild-section="hero" className="w-full pt-32 pb-16 px-4 md:px-8 bg-background">