@treely/strapi-slices 6.2.0 → 6.2.2

package/dist/strapi-slices.cjs.development.js

@@ -2568,9 +2568,12 @@ var TextCarousel = function TextCarousel(_ref) {
     windowWidth = _useWindowSize.width;
   var _useRouter = router.useRouter(),
     push = _useRouter.push;
-  var _useState = React.useState(0),
-    sliderIndex = _useState[0],
-    setSliderIndex = _useState[1];
+  var _useState = React.useState(slice.slides),
+    displaySlides = _useState[0],
+    setDisplaySlides = _useState[1];
+  var _useState2 = React.useState(0),
+    sliderIndex = _useState2[0],
+    setSliderIndex = _useState2[1];
   var numberOfItems = React.useMemo(function () {
     return slice.slides.length;
   }, [slice.slides.length]);
@@ -2590,13 +2593,14 @@ var TextCarousel = function TextCarousel(_ref) {
   var canMoveLeft = React.useMemo(function () {
     return sliderIndex !== 0;
   }, [sliderIndex]);
-  var shuffleSlides = React.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;
+  React.useEffect(function () {
+    if (isShuffled) {
+      setDisplaySlides(shuffleElements(slides));
+    }
+  }, [slides, isShuffled]);
   return React__default.default.createElement(boemly.DefaultSectionContainer, {
     backgroundColor: primary50,
     title: slice.title