Fix issues with basePath.

hooks/useDelete.js

@@ -0,0 +1,11 @@
+import { useCallback } from 'react';
+import { useRouter } from 'next/router';
+import { del } from 'lib/web';
+
+export default function useDelete() {
+  const { basePath } = useRouter();
+
+  return useCallback(async (url, params, headers) => {
+    return del(`${basePath}${url}`, params, headers);
+  }, []);
+}

hooks/useFetch.js

@@ -6,8 +6,7 @@ import { useRouter } from 'next/router';
 
 export default function useFetch(url, options = {}, update = []) {
   const dispatch = useDispatch();
-  const [data, setData] = useState();
-  const [status, setStatus] = useState();
+  const [response, setResponse] = useState();
   const [error, setError] = useState();
   const [loading, setLoadiing] = useState(false);
   const [count, setCount] = useState(0);
@@ -19,18 +18,17 @@ export default function useFetch(url, options = {}, update = []) {
       setLoadiing(true);
       setError(null);
       const time = performance.now();
-      const { data, status } = await get(`${basePath}${url}`, params, headers);
+      const { data, status, ok } = await get(`${basePath}${url}`, params, headers);
 
       dispatch(updateQuery({ url, time: performance.now() - time, completed: Date.now() }));
 
       if (status >= 400) {
         setError(data);
-        setData(null);
+        setResponse({ data: null, status, ok });
       } else {
-        setData(data);
+        setResponse({ data, status, ok });
       }
 
-      setStatus(status);
       onDataLoad?.(data);
     } catch (e) {
       console.error(e);
@@ -60,5 +58,5 @@ export default function useFetch(url, options = {}, update = []) {
     }
   }, [interval, !!disabled]);
 
-  return { data, status, error, loading };
+  return { ...response, error, loading };
 }

hooks/usePageQuery.js

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import { useRouter } from 'next/router';
-import { getQueryString } from '../lib/url';
+import { getQueryString } from 'lib/url';
 
 export default function usePageQuery() {
   const router = useRouter();
@@ -25,7 +25,9 @@ export default function usePageQuery() {
   function resolve(params) {
     const search = getQueryString({ ...query, ...params });
 
-    return `${pathname}${search}`;
+    const { asPath } = router;
+
+    return `${asPath.split('?')[0]}${search}`;
   }
 
   return { pathname, query, resolve, router };

hooks/usePost.js

@@ -0,0 +1,11 @@
+import { useCallback } from 'react';
+import { useRouter } from 'next/router';
+import { post } from 'lib/web';
+
+export default function usePost() {
+  const { basePath } = useRouter();
+
+  return useCallback(async (url, params, headers) => {
+    return post(`${basePath}${url}`, params, headers);
+  }, []);
+}

hooks/useRequireLogin.js

@@ -2,17 +2,7 @@ import { useState, useEffect } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { updateUser } from 'redux/actions/user';
 import { useRouter } from 'next/router';
-import { get } from '../lib/web';
-
-export async function fetchUser() {
-  const res = await fetch('/api/auth/verify');
-
-  if (!res.ok) {
-    return null;
-  }
-
-  return await res.json();
-}
+import { get } from 'lib/web';
 
 export default function useRequireLogin() {
   const router = useRouter();