Progress check-in.

hooks/useApi.ts

@@ -0,0 +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 default function useApi() {
+  const { basePath } = useRouter();
+
+  const { get, post, put, del } = nextUseApi(getClientAuthToken(), basePath);
+
+  return { get, post, put, del, ...reactQuery };
+}