Is such use of React query correct? Is such Hooks correct and standards compliant?

[AdrianEasyOze]

I used this approach to easily access the React puery cache, does such a thing make sense? However, is it a bad practice (it works fine)

Example hook

import { GetSummaryQuery, GetSummaryVm } from "@/generated";
import { useQuery } from "react-query";
import { getPVSummaryPro } from "../../api";
import { CustomUseQueryOptions } from "../types";

export const usePvSummaryPro = (
  data?: GetSummaryQuery,
  options?: CustomUseQueryOptions<GetSummaryVm | undefined>
) => {
  const queryFn = async (data?: GetSummaryQuery) => {
    if (!data) {
      return undefined;
    }
    const result = await getPVSummaryPro(data);
    return result;
  };

  return useQuery(["proPvSummary"], () => queryFn(data), {
    enabled: !!data,
    ...options,
  });
};

Types

import { UseMutationOptions, UseQueryOptions } from "react-query";

type CustomUseQueryOptions<T> = Omit<
  UseQueryOptions<T, any, T, any[]>,
  "queryKey" | "queryFn" | "initialData"
> & {
  initialData?: T | (() => T);
};

export type CustomUseMutationOptions<T> = Omit<
  UseMutationOptions<T, any, T, any[]>,
  "queryKey" | "queryFn" | "initialData"
> & {
  onMutate?: (
    variables: GetDefaultValues
  ) => any[] | Promise<any[] | undefined> | undefined;
  useErrorBoundary?: boolean | ((error: any) => boolean) | undefined;
  mutationFn?: MutationFunction<T, GetDefaultValues> | undefined;
  onSuccess?: (
    data: T,
    variables: GetDefaultValues,
    context?: unknown
  ) => Promise<void> | void;
  onError?: (
    err: unknown,
    variables: GetDefaultValues,
    context?: unknown
  ) => Promise<void> | void;
  onSettled?: (
    data: T | undefined,
    error: unknown | null,
    variables: GetDefaultValues,
    context?: unknown
  ) => Promise<void> | void;
  retry?: (
    failureCount: number,
    error: unknown,
    variables: GetDefaultValues,
    context?: unknown
  ) => Promise<boolean> | boolean;
  initialData?: T | (() => T);
};