fix: use pauseRef.current to determine pause action

jason89521 · Aug 14, 2022 · c1adce7 · c1adce7
1 parent 1ceff07
commit c1adce7
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/components/Main.tsx b/src/components/Main.tsx
@@ -21,7 +21,9 @@ const Main = ({
   loop = false,
   pause = false,
 }: TypistProps) => {
-  const [typedChildrenArray, setTypedChildrenArray] = useState<TypedChildren[]>([]);
+  const [typedChildrenArray, setTypedChildrenArray] = useState<TypedChildren[]>(
+    []
+  );
   const [currentIndex, setCurrentIndex] = useState(-1);
   const clearTimerRef = useRef(emptyFunc);
   const loopRef = useRef(loop);
@@ -88,18 +90,18 @@ const Main = ({
           const actions = getActions(children, splitter);
           if (startDelay > 0) await timeoutPromise(startDelay);
           for (const { type, payload } of actions) {
-            if (pause) await pausePromise();
+            if (pauseRef.current) await pausePromise();
             if (type === 'TYPE_TOKEN') {
-              setCurrentIndex(prev => prev + 1);
+              setCurrentIndex((prev) => prev + 1);
               await timeoutPromise(typingDelay);
             } else if (type === 'BACKSPACE') {
               let amount = payload;
               while (amount--) {
-                setCurrentIndex(prev => prev + 1);
+                setCurrentIndex((prev) => prev + 1);
                 await timeoutPromise(backspaceDelay);
               }
             } else if (type === 'PASTE') {
-              setCurrentIndex(prev => prev + 1);
+              setCurrentIndex((prev) => prev + 1);
             } else if (type === 'DELAY') {
               await timeoutPromise(payload);
             }