Added useTimeout hook

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bgon-custom-hooks",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

src/index.ts

@@ -3,3 +3,4 @@ if (typeof window === "undefined") {
 }
 
 export { useLocalStorage } from "./useLocalStorage";
+export { useTimeout } from "./useTimeout";

src/useTimeout.ts

@@ -0,0 +1,37 @@
+import { useCallback, useEffect, useState } from 'react'
+
+type SetTimeoutType = (callback: () => void, milliseconds: number) => void
+
+type ClearTimeoutType = () => void
+
+type UseTimeoutType = {
+  setTimeout: SetTimeoutType
+  clearTimeout: ClearTimeoutType
+}
+
+export const useTimeout = (): UseTimeoutType => {
+  const [timeout, setTimeoutValue] = useState<number | null>(null)
+
+  const setTimeout = useCallback<SetTimeoutType>((callback, milliseconds) => {
+    setTimeoutValue((prevTimeout) => {
+      if (prevTimeout) window.clearTimeout(prevTimeout)
+      return window.setInterval(callback, milliseconds)
+    })
+  }, [])
+
+  const clearTimeout = useCallback<ClearTimeoutType>(() => {
+    setTimeoutValue(null)
+  }, [])
+
+  useEffect(() => {
+    const prevTimeout = timeout
+    return () => {
+      if (prevTimeout) window.clearTimeout(prevTimeout)
+    }
+  }, [timeout])
+
+  return {
+    setTimeout,
+    clearTimeout,
+  }
+}