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 ( { swiperRef.current = swiper; }} + onBeforeResize={handleOnResize} onReachBeginning={handleOnReachBeginning} onReachEnd={handleOnReachEnd} - onResize={handleOnResize} + onResize={throttledOnResize} onSlideChange={handleOnSlideChange} onZoomChange={handleOnZoomChange} {...swiperProps}