umami/hooks/useApi.js

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 };
}