Migrate CreateServer component to Typescript

src/utils/helpers/hooks.js

@@ -1,26 +0,0 @@
-import { useState, useRef } from 'react';
-
-const DEFAULT_DELAY = 2000;
-
-export const useStateFlagTimeout = (setTimeout, clearTimeout) => (initialValue = false, delay = DEFAULT_DELAY) => {
-  const [ flag, setFlag ] = useState(initialValue);
-  const timeout = useRef(undefined);
-  const callback = () => {
-    setFlag(!initialValue);
-
-    if (timeout.current) {
-      clearTimeout(timeout.current);
-    }
-
-    timeout.current = setTimeout(() => setFlag(initialValue), delay);
-  };
-
-  return [ flag, callback ];
-};
-
-// Return [ flag, toggle, enable, disable ]
-export const useToggle = (initialValue = false) => {
-  const [ flag, setFlag ] = useState(initialValue);
-
-  return [ flag, () => setFlag(!flag), () => setFlag(true), () => setFlag(false) ];
-};

src/utils/helpers/hooks.ts

@@ -0,0 +1,32 @@
+import { useState, useRef } from 'react';
+
+const DEFAULT_DELAY = 2000;
+
+export type StateFlagTimeout = (initialValue?: boolean, delay?: number) => [ boolean, () => void ];
+
+export const useStateFlagTimeout = (
+  setTimeout: (callback: Function, timeout: number) => number,
+  clearTimeout: (timer: number) => void,
+): StateFlagTimeout => (initialValue = false, delay = DEFAULT_DELAY) => {
+  const [ flag, setFlag ] = useState<boolean>(initialValue);
+  const timeout = useRef<number | undefined>(undefined);
+  const callback = () => {
+    setFlag(!initialValue);
+
+    if (timeout.current) {
+      clearTimeout(timeout.current);
+    }
+
+    timeout.current = setTimeout(() => setFlag(initialValue), delay);
+  };
+
+  return [ flag, callback ];
+};
+
+type ToggleResult = [ boolean, (flag: boolean) => void, () => void, () => void ];
+
+export const useToggle = (initialValue = false): ToggleResult => {
+  const [ flag, setFlag ] = useState<boolean>(initialValue);
+
+  return [ flag, () => setFlag(!flag), () => setFlag(true), () => setFlag(false) ];
+};