refactor: create utils file for housing utility fuctions

src/hooks/use-fetch.ts

@@ -1,5 +1,6 @@
 // This hook does not deal with caching, de-bouncing or de-duping
 // I would seriously consider using TanStack Query instead of this hook
+import { deepEqual } from '../utils'
 import { useCallback, useEffect, useRef, useState } from 'react'
 
 type UseFetchResponse<T> = {
@@ -15,26 +16,6 @@ type UseFetch = {
     <T>(url: string, trigger: boolean, requestOptions: RequestInit): UseFetchResponse<T>
 }
 
-const deepEqual = (a: unknown, b: unknown): boolean => {
-    if (a === b) {
-        return true
-    }
-    if (!(a instanceof Object) || !(b instanceof Object)) {
-        return false
-    }
-    if (a.constructor !== b.constructor) {
-        return false
-    }
-    const aKeys = Object.keys(a)
-    const bKeys = Object.keys(b)
-
-    if (aKeys.length !== bKeys.length || aKeys.some(key => !bKeys.includes(key))) {
-        return false
-    }
-
-    return aKeys.every(key => deepEqual(a[key as keyof typeof a], b[key as keyof typeof b]))
-}
-
 export const useFetch: UseFetch = <T = unknown>(
     url: string,
     trigger?: boolean | RequestInit,

src/utils.ts

@@ -0,0 +1,19 @@
+export const deepEqual = (a: unknown, b: unknown): boolean => {
+    if (a === b) {
+        return true
+    }
+    if (!(a instanceof Object) || !(b instanceof Object)) {
+        return false
+    }
+    if (a.constructor !== b.constructor) {
+        return false
+    }
+    const aKeys = Object.keys(a)
+    const bKeys = Object.keys(b)
+
+    if (aKeys.length !== bKeys.length || aKeys.some(key => !bKeys.includes(key))) {
+        return false
+    }
+
+    return aKeys.every(key => deepEqual(a[key as keyof typeof a], b[key as keyof typeof b]))
+}