fix play-on-mount

package.json

@@ -16,7 +16,7 @@
     "randomizer",
     "yugop"
   ],
-  "version": "2.2.12",
+  "version": "2.2.13",
   "license": "MIT",
   "module": "dist/use-scramble.esm.js",
   "main": "dist/index.js",

src/index.ts

@@ -367,18 +367,8 @@ export const useScramble = (props: UseScrambleProps) => {
    * reset scramble when text input is changed
    */
   useEffect(() => {
-    if (!controlRef.current.length && !playOnMount) {
-      stepRef.current = text.length;
-      scrambleIndexRef.current = text.length;
-      overdriveRef.current = text.length;
-      controlRef.current = text.split('');
-    } else {
-      reset();
-    }
-    return () => {
-      cancelAnimationFrame(rafRef.current);
-    };
-  }, [text, overdrive, overflow]);
+    reset();
+  }, [text]);
 
   /**
    * start or stop animation when text and speed change
@@ -394,5 +384,16 @@ export const useScramble = (props: UseScrambleProps) => {
     };
   }, [animate]);
 
+  useEffect(() => {
+    if (!playOnMount) {
+      controlRef.current = text.split('');
+      stepRef.current = text.length;
+      scrambleIndexRef.current = text.length;
+      overdriveRef.current = text.length;
+      draw();
+      cancelAnimationFrame(rafRef.current);
+    }
+  }, []);
+
   return { ref: nodeRef, replay: play };
 };