Fix animate (#1)

* fix animate

Author: jeypc

src/fadezoom.tsx

@@ -145,6 +145,11 @@ export const FadeZoom = React.forwardRef<SlideshowRef, ZoomProps>((props, ref) =
         }
     };
 
+    const animate = () => {
+        requestAnimationFrame(animate);
+        tweenGroup.current.update();
+    };
+
     const transitionSlide = (newIndex: number) => {
         const existingTweens = tweenGroup.current.getAll();
         if (!existingTweens.length) {
@@ -154,11 +159,6 @@ export const FadeZoom = React.forwardRef<SlideshowRef, ZoomProps>((props, ref) =
             clearTimeout(timeout.current);
             const value = { opacity: 0, scale: 1 };
 
-            const animate = () => {
-                requestAnimationFrame(animate);
-                tweenGroup.current.update();
-            };
-
             animate();
 
             const tween = new TWEEN.Tween(value, tweenGroup.current)

src/slide.tsx

@@ -280,6 +280,11 @@ export const Slide = React.forwardRef<SlideshowRef, SlideProps>((props, ref) =>
         }
     };
 
+    const animate = () => {
+        requestAnimationFrame(animate);
+        tweenGroup.current.update();
+    };
+
     const transitionSlide = (toIndex: number, animationDuration?: number) => {
         const transitionDuration = animationDuration || props.transitionDuration;
         const currentIndex = index;
@@ -302,10 +307,6 @@ export const Slide = React.forwardRef<SlideshowRef, SlideProps>((props, ref) =>
                 })
                 .start();
             tween.easing(getEasing(props.easing));
-            const animate = () => {
-                requestAnimationFrame(animate);
-                tweenGroup.current.update();
-            };
 
             animate();