From d312c3c70ad159c9e151e154d84634b9bb4be08a Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 2 Jun 2023 01:21:52 -0700
Subject: [PATCH] Handle initial render item count for carousel

---
 src/renderer/components/grid-carousel/index.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/grid-carousel/index.tsx b/src/renderer/components/grid-carousel/index.tsx
index e9d50b70..401b8484 100644
--- a/src/renderer/components/grid-carousel/index.tsx
+++ b/src/renderer/components/grid-carousel/index.tsx
@@ -221,11 +221,13 @@ export const SwiperGridCarousel = ({
     });
   }, []);
 
-  const handleOnResize = throttle((e: SwiperCore) => {
+  const handleOnResize = useCallback((e: SwiperCore) => {
     const { width } = e;
     const slidesPerView = getSlidesPerView(width);
     e.params.slidesPerView = slidesPerView;
-  }, 200);
+  }, []);
+
+  const throttledOnResize = throttle(handleOnResize, 200);
 
   return (
     <CarouselContainer
@@ -250,9 +252,10 @@ export const SwiperGridCarousel = ({
         onBeforeInit={(swiper) => {
           swiperRef.current = swiper;
         }}
+        onBeforeResize={handleOnResize}
         onReachBeginning={handleOnReachBeginning}
         onReachEnd={handleOnReachEnd}
-        onResize={handleOnResize}
+        onResize={throttledOnResize}
         onSlideChange={handleOnSlideChange}
         onZoomChange={handleOnZoomChange}
         {...swiperProps}