Typescript error for @tanstack/react-query when extra parameter is added

import { zCustomQuery } from "convex-helpers/server/zod";
import { query } from "./_generated/server";
import { NoOp } from "convex-helpers/server/customFunctions";


const publicQuery = zCustomQuery(query, NoOp);

export const getCountries = publicQuery({
  handler: async (ctx) => {
    const countries = await ctx.db.query("countries").collect();

    return countries;
  },
});

import { zCustomQuery } from "convex-helpers/server/zod";
import { query } from "./_generated/server";
import { NoOp } from "convex-helpers/server/customFunctions";


const publicQuery = zCustomQuery(query, NoOp);

export const getCountries = publicQuery({
  handler: async (ctx) => {
    const countries = await ctx.db.query("countries").collect();

    return countries;
  },
});

import { convexQuery } from "@convex-dev/react-query";
import { useQuery } from "@tanstack/react-query";
import { api } from "@server/backend/convex/_generated/api";



const Component = () => {
  const countries1Query = useQuery(convexQuery(api.lookup.getCountries, { }));

  const countries2Query = useQuery({
    ...convexQuery(api.lookup.getCountries, { })
  });

  const countries3Query = useQuery({
    ...convexQuery(api.lookup.getCountries, { }),
    initialData:[]
  });

  return null

}

import { convexQuery } from "@convex-dev/react-query";
import { useQuery } from "@tanstack/react-query";
import { api } from "@server/backend/convex/_generated/api";



const Component = () => {
  const countries1Query = useQuery(convexQuery(api.lookup.getCountries, { }));

  const countries2Query = useQuery({
    ...convexQuery(api.lookup.getCountries, { })
  });

  const countries3Query = useQuery({
    ...convexQuery(api.lookup.getCountries, { }),
    initialData:[]
  });

  return null

}