query-hook-generator.ts

import { useAuth } from "@clerk/nextjs";
import { useQuery } from "@tanstack/react-query";
import { type ZodSchema } from "zod";
import { api } from "../utils";

type CreateAuthedQueryParams<TSchema> = {
  queryKey: string[];
  endpoint: string;
  zodSchema: ZodSchema<TSchema>;
};

function createAuthedQuery<TSchema>(params: CreateAuthedQueryParams<TSchema>) {
  return () => {
    const { getToken } = useAuth();
    const { queryKey, endpoint, zodSchema } = params;

    return useQuery({
      queryKey,
      queryFn: async () => {
        return zodSchema.parse(
          await api
            .get(endpoint, {
              headers: {
                Authorization: `Bearer ${(await getToken()) ?? ""}`,
              },
            })
            .json()
        );
      },
    });
  };
}

export { createAuthedQuery };