fix: Fix clearing nextDirectionRef in <Carousel> (#5322)

* fix: Fix clearing nextDirectionRef in <Carousel> Fixes #5319 * fix
react-bootstrap · Aug 5, 2020 · 5c5ea8d · 5c5ea8d
1 parent 3c58d9a
commit 5c5ea8d
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/Carousel.tsx b/src/Carousel.tsx
@@ -253,7 +253,6 @@ function CarouselFunc(uncontrolledProps: CarouselProps, ref) {
   if (!isSliding && activeIndex !== renderedActiveIndex) {
     if (nextDirectionRef.current) {
       setDirection(nextDirectionRef.current);
-      nextDirectionRef.current = null;
     } else {
       setDirection((activeIndex || 0) > renderedActiveIndex ? 'next' : 'prev');
     }
@@ -265,6 +264,12 @@ function CarouselFunc(uncontrolledProps: CarouselProps, ref) {
     setRenderedActiveIndex(activeIndex || 0);
   }
 
+  useEffect(() => {
+    if (nextDirectionRef.current) {
+      nextDirectionRef.current = null;
+    }
+  });
+
   const numChildren = React.Children.toArray(children).filter(
     React.isValidElement,
   ).length;