@treely/strapi-slices 6.2.0 → 6.2.2

package/dist/strapi-slices.esm.js

@@ -2553,9 +2553,12 @@ var TextCarousel = function TextCarousel(_ref) {
     windowWidth = _useWindowSize.width;
   var _useRouter = useRouter(),
     push = _useRouter.push;
-  var _useState = useState(0),
-    sliderIndex = _useState[0],
-    setSliderIndex = _useState[1];
+  var _useState = useState(slice.slides),
+    displaySlides = _useState[0],
+    setDisplaySlides = _useState[1];
+  var _useState2 = useState(0),
+    sliderIndex = _useState2[0],
+    setSliderIndex = _useState2[1];
   var numberOfItems = useMemo(function () {
     return slice.slides.length;
   }, [slice.slides.length]);
@@ -2575,13 +2578,14 @@ var TextCarousel = function TextCarousel(_ref) {
   var canMoveLeft = useMemo(function () {
     return sliderIndex !== 0;
   }, [sliderIndex]);
-  var shuffleSlides = useMemo(function () {
-    return shuffleElements(slice.slides);
-  }, [slice.slides]);
   var slides = slice.slides,
     _slice$isShuffled = slice.isShuffled,
     isShuffled = _slice$isShuffled === void 0 ? false : _slice$isShuffled;
-  var displaySlides = isShuffled ? shuffleSlides : slides;
+  useEffect(function () {
+    if (isShuffled) {
+      setDisplaySlides(shuffleElements(slides));
+    }
+  }, [slides, isShuffled]);
   return React.createElement(DefaultSectionContainer, {
     backgroundColor: primary50,
     title: slice.title