fix(react): fixed issut with Virtual Slides not working correctly

Fixes #4162
nolimits4web · Jan 29, 2021 · c24f7ef · c24f7ef
1 parent 5979102
commit c24f7ef
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/src/react/swiper.js b/src/react/swiper.js
@@ -97,18 +97,6 @@ const Swiper = forwardRef(
       }
     });
 
-    // watch for params change
-    useIsomorphicLayoutEffect(() => {
-      if (changedParams.length && swiperRef.current && !swiperRef.current.destroyed) {
-        updateSwiper(swiperRef.current, slides, passedParams, changedParams);
-      }
-    });
-
-    // update on virtual update
-    useIsomorphicLayoutEffect(() => {
-      updateOnVirtualData(swiperRef.current);
-    }, [virtualData]);
-
     // mount swiper
     useIsomorphicLayoutEffect(() => {
       if (externalElRef) {
@@ -137,6 +125,18 @@ const Swiper = forwardRef(
       };
     }, []);
 
+    // watch for params change
+    useIsomorphicLayoutEffect(() => {
+      if (changedParams.length && swiperRef.current && !swiperRef.current.destroyed) {
+        updateSwiper(swiperRef.current, slides, passedParams, changedParams);
+      }
+    });
+
+    // update on virtual update
+    useIsomorphicLayoutEffect(() => {
+      updateOnVirtualData(swiperRef.current);
+    }, [virtualData]);
+
     // bypass swiper instance to slides
     function renderSlides() {
       if (swiperParams.virtual) {