All hooks that need queryKey should return the corresponding querykey in the returned object.

[meftunca]

All hooks that need queryKey should return the corresponding querykey in the returned object. Because I have dynamically inherited hooks and I need to access their derived hooks in related components.

I am sharing an example of the problem below

const usePagination =
    <
      SearchParams extends PaginationSearchParams<any, string, string, string>,
      Response
    >(
      aliasses: string[],
      path: string
    ) =>
      (
        filters?: SearchParams["filters"],
        extraOptions?: Omit<SearchParams, "filters" /* | "page" | "size" */>,
        queryOptions: Omit<UseQueryOptions<
          AxiosResponse<Response>,
          AxiosError<APIErrorTypes>,
          AxiosResponse<Response>
        >, "queryKey" | "queryFn"> = {},
        config?: AxiosRequestConfig<Response>
      ) => {
        const searchFilters = filters === undefined || filters === null ? new URLSearchParams() : createPagination<SearchParams>(filters, extraOptions);
        // const searchFilters = useMemo(() => {
        //   if (filters === undefined || filters === null) {
        //     console.log("filters is null");
        //     return new URLSearchParams();
        //   }
        //   return createPagination<SearchParams>(filters, extraOptions);
        // }, [filters, extraOptions]);
        return useQuery<
          AxiosResponse<Response>,
          AxiosError<APIErrorTypes>,
          AxiosResponse<Response>
        >({
          queryKey: [aliasses, searchFilters.toString()].flat(),
          queryFn: ({ signal }) => {
            config = modifyConfig<Response>(config, signal);

            return API.get<Response>(
              path,
              Object.assign({}, { params: searchFilters }, config)
            );
          },
          ...queryOptions,
        });
      };
  const useSearch =
    <Search extends SearchParams<unknown, string, string, string>, Response>(
      aliasses: string[],
      path: string
    ) =>
      (
        filters?: Search["filters"],
        extraOptions?: Omit<Search, "filters">,
        queryOptions: Omit<UseQueryOptions<
          AxiosResponse<Response>,
          AxiosError<APIErrorTypes>,
          AxiosResponse<Response>
        >, "queryKey" | "queryFn"> = {},
        config?: AxiosRequestConfig<Response>
      ) => {
        const searchFilters = filters === undefined || filters === null ? new URLSearchParams() : createSearchParams<Search>(filters, extraOptions);
        // const searchFilters = useMemo(() => {
        //         if (filters === undefined || filters === null) {
        //           console.log("filters is null");
        //           return new URLSearchParams();
        //         }
        //         return createSearchParams<Search>(filters, extraOptions);
        //       }, [filters, extraOptions]);
        return useQuery<
          AxiosResponse<Response>,
          AxiosError<APIErrorTypes>,
          AxiosResponse<Response>
        >({
          queryKey: [aliasses, searchFilters.toString()].flat(),
          queryFn: ({ signal }) => {
            config = modifyConfig<Response>(config, signal);
            return API.get<Response>(
              path,
              Object.assign({}, { params: searchFilters }, config)
            );
          },
          ...queryOptions,
        });
      };
 const useFind =
    <Params extends URLParamsType, Response>(
      aliasses: string[],
      path: string
    ) =>
      (
        params: Params,
        queryOptions: Omit<UseQueryOptions<AxiosResponse<Response>,
          AxiosError<APIErrorTypes>,
          AxiosResponse<Response>>, "queryKey" | "queryFn"> = {},
        config?: AxiosRequestConfig<Response>
      ) => {
        if (!params) {
          console.warn(
            `["${path}"]:> No params provided, cannot make API request. Please provide params.`
          );
        }
        return useQuery<
          AxiosResponse<Response>,
          AxiosError<APIErrorTypes>,
          AxiosResponse<Response>
        >(
          {
            queryKey: [aliasses, params].flat(),
            queryFn: ({ signal }) => {
              let matchedURL: string | null = null;
              matchedURL = matchVariablesToKeys(path, params);
              if (matchedURL === null)
                throw new Error("No variables found in path");

              return API.get<Response>(
                matchedURL,
                Object.assign({}, config, { signal })
              );
            },
            ...queryOptions
          }
        );
      };

Below are the new hooks I inherited from the core functions.

/**
	@summary MdlDictionaryCategorySearch
	@description /mdl-dictionary/category
	@method GET
	@path /mdl-dictionary/category
	@id MdlDictionaryCategorySearch

	@returns {Promise<ConversionAPIResponse<SearchMdlDictionaryCategoryResponse>>}
*/        
export const useSearchMdlDictionaryCategory = useSearch<SearchMdlDictionaryCategoryQuery,SearchMdlDictionaryCategoryResponse>(["useSearchMdlDictionaryCategory","search"],"/mdl-dictionary/category")        
/**
	@summary MdlDictionaryCategoryPagination
	@description /mdl-dictionary/category/pagination
	@method GET
	@path /mdl-dictionary/category/pagination
	@id MdlDictionaryCategoryPagination

	@returns {Promise<ConversionAPIResponse<PaginateMdlDictionaryCategoryResponse>>}
*/        
export const usePaginatedMdlDictionaryCategory = usePagination<PaginateMdlDictionaryCategoryQuery,PaginateMdlDictionaryCategoryResponse>(["usePaginatedMdlDictionaryCategory","search"],"/mdl-dictionary/category/pagination")        

/**
	@summary MdlDictionaryCategoryWithID
	@description /mdl-dictionary/category/with-id/:id
	@method GET
	@path /mdl-dictionary/category/with-id/:id
	@id MdlDictionaryCategoryWithID

	@returns {Promise<ConversionAPIResponse<FindMdlDictionaryCategoryResponse>>}
*/        
export const useFindMdlDictionaryCategory = useFind<FindMdlDictionaryCategoryPath,FindMdlDictionaryCategoryResponse>(["useFindMdlDictionaryCategory","multiple"],"/mdl-dictionary/category/with-id/:id")