adding user hooks to replace api

frontend/src/hooks/util/useGet.ts

@@ -0,0 +1,27 @@
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { useAppContext } from '../../contexts/AppContext'
+
+type Res<T> = {
+  data: T
+}
+
+export const useGet = <T>(path: string) => {
+  const appContext = useRef(useAppContext())
+  const [data, setData] = useState<T | null>(null)
+
+  const get = useCallback(async () => {
+    // if (appContext.current.mock) return setData(mockGet[path]?.() || null)
+
+    const data = await appContext.current.get<Res<T>>(path)
+    if (!data) return
+
+    setData(data.data)
+  }, [path])
+
+  useEffect(() => {
+    get()
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [])
+
+  return { data, get }
+}