Refactored fetching to use react-query.

hooks/useApi.js

@@ -1,13 +1,12 @@
 import { useApi as nextUseApi } from 'next-basics';
 import { getClientAuthToken } from 'lib/client';
 import { useRouter } from 'next/router';
+import * as reactQuery from '@tanstack/react-query';
 
-export function useApi() {
+export default function useApi() {
   const { basePath } = useRouter();
 
   const { get, post, put, del } = nextUseApi(getClientAuthToken(), basePath);
 
-  return { get, post, put, del };
+  return { get, post, put, del, ...reactQuery };
 }
-
-export default useApi;