format changes

Author: kenime

src/components/TextLoop.tsx

@@ -95,14 +95,13 @@ class TextLoop extends React.PureComponent<Props, State> {
                     this.tickLoop = requestTimeout(this.tick, currentInterval);
                 }, delay);
             } else {
-                this.setState(
-                (state, props) => {
-                    const { currentWordIndex } = state;
+                this.setState((state, props) => {
+                    const { currentWordIndex: _currentWordIndex } = state;
 
-                    return updatedState = {
+                    return {
                         currentInterval: Array.isArray(props.interval)
                             ? props.interval[
-                                  currentWordIndex % props.interval.length
+                                  _currentWordIndex % props.interval.length
                               ]
                             : props.interval,
                     };

src/utils.ts

@@ -10,6 +10,10 @@ declare global {
     }
 }
 
+declare interface Handle {
+    value: number | void;
+}
+
 const requestAnimFrame = ((): Function => {
     if (typeof window !== "undefined") {
         return (
@@ -27,7 +31,7 @@ const requestAnimFrame = ((): Function => {
     return (): void => {};
 })();
 
-export type RequestTimeout = number | void;
+export type RequestTimeout = object | number | void;
 /*
  * Behaves the same as setTimeout except uses requestAnimationFrame() where possible for better performance
  * @param {function} fn The callback function
@@ -52,7 +56,7 @@ export const requestTimeout = function(
 
     const start = new Date().getTime();
 
-    const handle: object = new Object();
+    const handle: Handle = { value: 0 };
 
     function loop(): number | void {
         const current = new Date().getTime();