@kubb/plugin-react-query 3.1.0 → 3.3.0

package/src/components/QueryOptions.tsx

@@ -14,23 +14,25 @@ type Props = {
   clientName: string
   queryKeyName: string
   typeSchemas: OperationSchemas
+  paramsCasing: PluginReactQuery['resolvedOptions']['paramsCasing']
   paramsType: PluginReactQuery['resolvedOptions']['paramsType']
   pathParamsType: PluginReactQuery['resolvedOptions']['pathParamsType']
 }
 
 type GetParamsProps = {
+  paramsCasing: PluginReactQuery['resolvedOptions']['paramsCasing']
   paramsType: PluginReactQuery['resolvedOptions']['paramsType']
   pathParamsType: PluginReactQuery['resolvedOptions']['pathParamsType']
   typeSchemas: OperationSchemas
 }
 
-function getParams({ paramsType, pathParamsType, typeSchemas }: GetParamsProps) {
+function getParams({ paramsType, paramsCasing, pathParamsType, typeSchemas }: GetParamsProps) {
   if (paramsType === 'object') {
     return FunctionParams.factory({
       data: {
         mode: 'object',
         children: {
-          ...getPathParams(typeSchemas.pathParams, { typed: true }),
+          ...getPathParams(typeSchemas.pathParams, { typed: true, casing: paramsCasing }),
           data: typeSchemas.request?.name
             ? {
                 type: typeSchemas.request?.name,
@@ -62,7 +64,7 @@ function getParams({ paramsType, pathParamsType, typeSchemas }: GetParamsProps)
     pathParams: typeSchemas.pathParams?.name
       ? {
           mode: pathParamsType === 'object' ? 'object' : 'inlineSpread',
-          children: getPathParams(typeSchemas.pathParams, { typed: true }),
+          children: getPathParams(typeSchemas.pathParams, { typed: true, casing: paramsCasing }),
           optional: isOptional(typeSchemas.pathParams?.schema),
         }
       : undefined,
@@ -91,16 +93,18 @@ function getParams({ paramsType, pathParamsType, typeSchemas }: GetParamsProps)
   })
 }
 
-export function QueryOptions({ name, clientName, typeSchemas, paramsType, pathParamsType, queryKeyName }: Props): ReactNode {
-  const params = getParams({ paramsType, pathParamsType, typeSchemas })
+export function QueryOptions({ name, clientName, typeSchemas, paramsCasing, paramsType, pathParamsType, queryKeyName }: Props): ReactNode {
+  const params = getParams({ paramsType, paramsCasing, pathParamsType, typeSchemas })
   const clientParams = Client.getParams({
     typeSchemas,
+    paramsCasing,
     paramsType,
     pathParamsType,
   })
   const queryKeyParams = QueryKey.getParams({
     pathParamsType,
     typeSchemas,
+    paramsCasing,
   })
 
   const enabled = Object.entries(queryKeyParams.flatParams)

package/src/components/SuspenseQuery.tsx

@@ -18,19 +18,21 @@ type Props = {
   queryKeyTypeName: string
   typeSchemas: OperationSchemas
   operation: Operation
+  paramsCasing: PluginReactQuery['resolvedOptions']['paramsCasing']
   paramsType: PluginReactQuery['resolvedOptions']['paramsType']
   pathParamsType: PluginReactQuery['resolvedOptions']['pathParamsType']
   dataReturnType: PluginReactQuery['resolvedOptions']['client']['dataReturnType']
 }
 
 type GetParamsProps = {
+  paramsCasing: PluginReactQuery['resolvedOptions']['paramsCasing']
   paramsType: PluginReactQuery['resolvedOptions']['paramsType']
   pathParamsType: PluginReactQuery['resolvedOptions']['pathParamsType']
   dataReturnType: PluginReactQuery['resolvedOptions']['client']['dataReturnType']
   typeSchemas: OperationSchemas
 }
 
-function getParams({ paramsType, pathParamsType, dataReturnType, typeSchemas }: GetParamsProps) {
+function getParams({ paramsType, paramsCasing, pathParamsType, dataReturnType, typeSchemas }: GetParamsProps) {
   const TData = dataReturnType === 'data' ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>`
 
   if (paramsType === 'object') {
@@ -38,7 +40,7 @@ function getParams({ paramsType, pathParamsType, dataReturnType, typeSchemas }:
       data: {
         mode: 'object',
         children: {
-          ...getPathParams(typeSchemas.pathParams, { typed: true }),
+          ...getPathParams(typeSchemas.pathParams, { typed: true, casing: paramsCasing }),
           data: typeSchemas.request?.name
             ? {
                 type: typeSchemas.request?.name,
@@ -75,7 +77,7 @@ function getParams({ paramsType, pathParamsType, dataReturnType, typeSchemas }:
     pathParams: typeSchemas.pathParams?.name
       ? {
           mode: pathParamsType === 'object' ? 'object' : 'inlineSpread',
-          children: getPathParams(typeSchemas.pathParams, { typed: true }),
+          children: getPathParams(typeSchemas.pathParams, { typed: true, casing: paramsCasing }),
           optional: isOptional(typeSchemas.pathParams?.schema),
         }
       : undefined,
@@ -115,6 +117,7 @@ export function SuspenseQuery({
   queryOptionsName,
   queryKeyName,
   paramsType,
+  paramsCasing,
   pathParamsType,
   dataReturnType,
   typeSchemas,
@@ -127,13 +130,16 @@ export function SuspenseQuery({
   const queryKeyParams = QueryKey.getParams({
     pathParamsType,
     typeSchemas,
+    paramsCasing,
   })
   const queryOptionsParams = QueryOptions.getParams({
+    paramsCasing,
     paramsType,
     pathParamsType,
     typeSchemas,
   })
   const params = getParams({
+    paramsCasing,
     paramsType,
     pathParamsType,
     dataReturnType,

package/src/generators/__snapshots__/clientDataReturnTypeFull.ts

@@ -1,51 +1,66 @@
-import client from "@kubb/plugin-client/client";
-import type { RequestConfig, ResponseConfig } from "@kubb/plugin-client/client";
-import type { QueryKey, QueryObserverOptions, UseQueryResult } from "@tanstack/react-query";
-import { queryOptions, useQuery } from "@tanstack/react-query";
+import client from '@kubb/plugin-client/clients/axios'
+import type { RequestConfig, ResponseConfig } from '@kubb/plugin-client/clients/axios'
+import type { QueryKey, QueryObserverOptions, UseQueryResult } from '@tanstack/react-query'
+import { queryOptions, useQuery } from '@tanstack/react-query'
 
- export const findPetsByTagsQueryKey = (params?: FindPetsByTagsQueryParams) => [{ url: "/pet/findByTags" }, ...(params ? [params] : [])] as const;
+export const findPetsByTagsQueryKey = (params?: FindPetsByTagsQueryParams) => [{ url: '/pet/findByTags' }, ...(params ? [params] : [])] as const
 
- export type FindPetsByTagsQueryKey = ReturnType<typeof findPetsByTagsQueryKey>;
+export type FindPetsByTagsQueryKey = ReturnType<typeof findPetsByTagsQueryKey>
 
- /**
+/**
  * @description Multiple tags can be provided with comma separated strings. Use tag1, tag2, tag3 for testing.
  * @summary Finds Pets by tags
  * {@link /pet/findByTags}
  */
 async function findPetsByTags(headers: FindPetsByTagsHeaderParams, params?: FindPetsByTagsQueryParams, config: Partial<RequestConfig> = {}) {
-    const res = await client<FindPetsByTagsQueryResponse, FindPetsByTags400, unknown>({ method: "GET", url: `/pet/findByTags`, params, headers: { ...headers, ...config.headers }, ...config });
-    return { ...res, data: findPetsByTagsQueryResponse.parse(res.data) };
+  const res = await client<FindPetsByTagsQueryResponse, FindPetsByTags400, unknown>({
+    method: 'GET',
+    url: `/pet/findByTags`,
+    params,
+    headers: { ...headers, ...config.headers },
+    ...config,
+  })
+  return { ...res, data: findPetsByTagsQueryResponse.parse(res.data) }
 }
 
- export function findPetsByTagsQueryOptions(headers: FindPetsByTagsHeaderParams, params?: FindPetsByTagsQueryParams, config: Partial<RequestConfig> = {}) {
-    const queryKey = findPetsByTagsQueryKey(params);
-    return queryOptions({
-        queryKey,
-        queryFn: async ({ signal }) => {
-            config.signal = signal;
-            return findPetsByTags(headers, params, config);
-        },
-    });
+export function findPetsByTagsQueryOptions(headers: FindPetsByTagsHeaderParams, params?: FindPetsByTagsQueryParams, config: Partial<RequestConfig> = {}) {
+  const queryKey = findPetsByTagsQueryKey(params)
+  return queryOptions({
+    queryKey,
+    queryFn: async ({ signal }) => {
+      config.signal = signal
+      return findPetsByTags(headers, params, config)
+    },
+  })
 }
 
- /**
+/**
  * @description Multiple tags can be provided with comma separated strings. Use tag1, tag2, tag3 for testing.
  * @summary Finds Pets by tags
  * {@link /pet/findByTags}
  */
-export function useFindPetsByTags<TData = ResponseConfig<FindPetsByTagsQueryResponse>, TQueryData = ResponseConfig<FindPetsByTagsQueryResponse>, TQueryKey extends QueryKey = FindPetsByTagsQueryKey>(headers: FindPetsByTagsHeaderParams, params?: FindPetsByTagsQueryParams, options: {
-    query?: Partial<QueryObserverOptions<ResponseConfig<FindPetsByTagsQueryResponse>, FindPetsByTags400, TData, TQueryData, TQueryKey>>;
-    client?: Partial<RequestConfig>;
-} = {}) {
-    const { query: queryOptions, client: config = {} } = options ?? {};
-    const queryKey = queryOptions?.queryKey ?? findPetsByTagsQueryKey(params);
-    const query = useQuery({
-        ...findPetsByTagsQueryOptions(headers, params, config) as unknown as QueryObserverOptions,
-        queryKey,
-        ...queryOptions as unknown as Omit<QueryObserverOptions, "queryKey">
-    }) as UseQueryResult<TData, FindPetsByTags400> & {
-        queryKey: TQueryKey;
-    };
-    query.queryKey = queryKey as TQueryKey;
-    return query;
+export function useFindPetsByTags<
+  TData = ResponseConfig<FindPetsByTagsQueryResponse>,
+  TQueryData = ResponseConfig<FindPetsByTagsQueryResponse>,
+  TQueryKey extends QueryKey = FindPetsByTagsQueryKey,
+>(
+  headers: FindPetsByTagsHeaderParams,
+  params?: FindPetsByTagsQueryParams,
+  options: {
+    query?: Partial<QueryObserverOptions<ResponseConfig<FindPetsByTagsQueryResponse>, FindPetsByTags400, TData, TQueryData, TQueryKey>>
+    client?: Partial<RequestConfig>
+  } = {},
+) {
+  const { query: queryOptions, client: config = {} } = options ?? {}
+  const queryKey = queryOptions?.queryKey ?? findPetsByTagsQueryKey(params)
+
+  const query = useQuery({
+    ...(findPetsByTagsQueryOptions(headers, params, config) as unknown as QueryObserverOptions),
+    queryKey,
+    ...(queryOptions as unknown as Omit<QueryObserverOptions, 'queryKey'>),
+  }) as UseQueryResult<TData, FindPetsByTags400> & { queryKey: TQueryKey }
+
+  query.queryKey = queryKey as TQueryKey
+
+  return query
 }

package/src/generators/__snapshots__/clientGetImportPath.ts

@@ -1,51 +1,66 @@
-import client from "axios";
-import type { QueryKey, QueryObserverOptions, UseQueryResult } from "@tanstack/react-query";
-import type { RequestConfig } from "axios";
-import { queryOptions, useQuery } from "@tanstack/react-query";
+import client from 'axios'
+import type { QueryKey, QueryObserverOptions, UseQueryResult } from '@tanstack/react-query'
+import type { RequestConfig } from 'axios'
+import { queryOptions, useQuery } from '@tanstack/react-query'
 
- export const findPetsByTagsQueryKey = (params?: FindPetsByTagsQueryParams) => [{ url: "/pet/findByTags" }, ...(params ? [params] : [])] as const;
+export const findPetsByTagsQueryKey = (params?: FindPetsByTagsQueryParams) => [{ url: '/pet/findByTags' }, ...(params ? [params] : [])] as const
 
- export type FindPetsByTagsQueryKey = ReturnType<typeof findPetsByTagsQueryKey>;
+export type FindPetsByTagsQueryKey = ReturnType<typeof findPetsByTagsQueryKey>
 
- /**
+/**
  * @description Multiple tags can be provided with comma separated strings. Use tag1, tag2, tag3 for testing.
  * @summary Finds Pets by tags
  * {@link /pet/findByTags}
  */
 async function findPetsByTags(headers: FindPetsByTagsHeaderParams, params?: FindPetsByTagsQueryParams, config: Partial<RequestConfig> = {}) {
-    const res = await client<FindPetsByTagsQueryResponse, FindPetsByTags400, unknown>({ method: "GET", url: `/pet/findByTags`, params, headers: { ...headers, ...config.headers }, ...config });
-    return findPetsByTagsQueryResponse.parse(res.data);
+  const res = await client<FindPetsByTagsQueryResponse, FindPetsByTags400, unknown>({
+    method: 'GET',
+    url: `/pet/findByTags`,
+    params,
+    headers: { ...headers, ...config.headers },
+    ...config,
+  })
+  return findPetsByTagsQueryResponse.parse(res.data)
 }
 
- export function findPetsByTagsQueryOptions(headers: FindPetsByTagsHeaderParams, params?: FindPetsByTagsQueryParams, config: Partial<RequestConfig> = {}) {
-    const queryKey = findPetsByTagsQueryKey(params);
-    return queryOptions({
-        queryKey,
-        queryFn: async ({ signal }) => {
-            config.signal = signal;
-            return findPetsByTags(headers, params, config);
-        },
-    });
+export function findPetsByTagsQueryOptions(headers: FindPetsByTagsHeaderParams, params?: FindPetsByTagsQueryParams, config: Partial<RequestConfig> = {}) {
+  const queryKey = findPetsByTagsQueryKey(params)
+  return queryOptions({
+    queryKey,
+    queryFn: async ({ signal }) => {
+      config.signal = signal
+      return findPetsByTags(headers, params, config)
+    },
+  })
 }
 
- /**
+/**
  * @description Multiple tags can be provided with comma separated strings. Use tag1, tag2, tag3 for testing.
  * @summary Finds Pets by tags
  * {@link /pet/findByTags}
  */
-export function useFindPetsByTags<TData = FindPetsByTagsQueryResponse, TQueryData = FindPetsByTagsQueryResponse, TQueryKey extends QueryKey = FindPetsByTagsQueryKey>(headers: FindPetsByTagsHeaderParams, params?: FindPetsByTagsQueryParams, options: {
-    query?: Partial<QueryObserverOptions<FindPetsByTagsQueryResponse, FindPetsByTags400, TData, TQueryData, TQueryKey>>;
-    client?: Partial<RequestConfig>;
-} = {}) {
-    const { query: queryOptions, client: config = {} } = options ?? {};
-    const queryKey = queryOptions?.queryKey ?? findPetsByTagsQueryKey(params);
-    const query = useQuery({
-        ...findPetsByTagsQueryOptions(headers, params, config) as unknown as QueryObserverOptions,
-        queryKey,
-        ...queryOptions as unknown as Omit<QueryObserverOptions, "queryKey">
-    }) as UseQueryResult<TData, FindPetsByTags400> & {
-        queryKey: TQueryKey;
-    };
-    query.queryKey = queryKey as TQueryKey;
-    return query;
+export function useFindPetsByTags<
+  TData = FindPetsByTagsQueryResponse,
+  TQueryData = FindPetsByTagsQueryResponse,
+  TQueryKey extends QueryKey = FindPetsByTagsQueryKey,
+>(
+  headers: FindPetsByTagsHeaderParams,
+  params?: FindPetsByTagsQueryParams,
+  options: {
+    query?: Partial<QueryObserverOptions<FindPetsByTagsQueryResponse, FindPetsByTags400, TData, TQueryData, TQueryKey>>
+    client?: Partial<RequestConfig>
+  } = {},
+) {
+  const { query: queryOptions, client: config = {} } = options ?? {}
+  const queryKey = queryOptions?.queryKey ?? findPetsByTagsQueryKey(params)
+
+  const query = useQuery({
+    ...(findPetsByTagsQueryOptions(headers, params, config) as unknown as QueryObserverOptions),
+    queryKey,
+    ...(queryOptions as unknown as Omit<QueryObserverOptions, 'queryKey'>),
+  }) as UseQueryResult<TData, FindPetsByTags400> & { queryKey: TQueryKey }
+
+  query.queryKey = queryKey as TQueryKey
+
+  return query
 }

package/src/generators/__snapshots__/clientPostImportPath.ts

@@ -1,44 +1,58 @@
-import client from "axios";
-import type { UseMutationOptions } from "@tanstack/react-query";
-import type { RequestConfig } from "axios";
-import { useMutation } from "@tanstack/react-query";
+import client from 'axios'
+import type { UseMutationOptions } from '@tanstack/react-query'
+import type { RequestConfig } from 'axios'
+import { useMutation } from '@tanstack/react-query'
 
- export const updatePetWithFormMutationKey = () => [{ "url": "/pet/{petId}" }] as const;
+export const updatePetWithFormMutationKey = () => [{ url: '/pet/{pet_id}' }] as const
 
- export type UpdatePetWithFormMutationKey = ReturnType<typeof updatePetWithFormMutationKey>;
+export type UpdatePetWithFormMutationKey = ReturnType<typeof updatePetWithFormMutationKey>
 
- /**
+/**
  * @summary Updates a pet in the store with form data
- * {@link /pet/:petId}
+ * {@link /pet/:pet_id}
  */
-async function updatePetWithForm(petId: UpdatePetWithFormPathParams["petId"], data?: UpdatePetWithFormMutationRequest, params?: UpdatePetWithFormQueryParams, config: Partial<RequestConfig<UpdatePetWithFormMutationRequest>> = {}) {
-    const res = await client<UpdatePetWithFormMutationResponse, UpdatePetWithForm405, UpdatePetWithFormMutationRequest>({ method: "POST", url: `/pet/${petId}`, params, data, ...config });
-    return updatePetWithFormMutationResponse.parse(res.data);
+async function updatePetWithForm(
+  petId: UpdatePetWithFormPathParams['petId'],
+  data?: UpdatePetWithFormMutationRequest,
+  params?: UpdatePetWithFormQueryParams,
+  config: Partial<RequestConfig<UpdatePetWithFormMutationRequest>> = {},
+) {
+  const res = await client<UpdatePetWithFormMutationResponse, UpdatePetWithForm405, UpdatePetWithFormMutationRequest>({
+    method: 'POST',
+    url: `/pet/${pet_id}`,
+    params,
+    data,
+    ...config,
+  })
+  return updatePetWithFormMutationResponse.parse(res.data)
 }
 
- /**
+/**
  * @summary Updates a pet in the store with form data
- * {@link /pet/:petId}
+ * {@link /pet/:pet_id}
  */
-export function useUpdatePetWithForm(options: {
-    mutation?: UseMutationOptions<UpdatePetWithFormMutationResponse, UpdatePetWithForm405, {
-        petId: UpdatePetWithFormPathParams["petId"];
-        data?: UpdatePetWithFormMutationRequest;
-        params?: UpdatePetWithFormQueryParams;
-    }>;
-    client?: Partial<RequestConfig<UpdatePetWithFormMutationRequest>>;
-} = {}) {
-    const { mutation: mutationOptions, client: config = {} } = options ?? {};
-    const mutationKey = mutationOptions?.mutationKey ?? updatePetWithFormMutationKey();
-    return useMutation<UpdatePetWithFormMutationResponse, UpdatePetWithForm405, {
-        petId: UpdatePetWithFormPathParams["petId"];
-        data?: UpdatePetWithFormMutationRequest;
-        params?: UpdatePetWithFormQueryParams;
-    }>({
-        mutationFn: async ({ petId, data, params }) => {
-            return updatePetWithForm(petId, data, params, config);
-        },
-        mutationKey,
-        ...mutationOptions
-    });
+export function useUpdatePetWithForm(
+  options: {
+    mutation?: UseMutationOptions<
+      UpdatePetWithFormMutationResponse,
+      UpdatePetWithForm405,
+      { petId: UpdatePetWithFormPathParams['petId']; data?: UpdatePetWithFormMutationRequest; params?: UpdatePetWithFormQueryParams }
+    >
+    client?: Partial<RequestConfig<UpdatePetWithFormMutationRequest>>
+  } = {},
+) {
+  const { mutation: mutationOptions, client: config = {} } = options ?? {}
+  const mutationKey = mutationOptions?.mutationKey ?? updatePetWithFormMutationKey()
+
+  return useMutation<
+    UpdatePetWithFormMutationResponse,
+    UpdatePetWithForm405,
+    { petId: UpdatePetWithFormPathParams['petId']; data?: UpdatePetWithFormMutationRequest; params?: UpdatePetWithFormQueryParams }
+  >({
+    mutationFn: async ({ petId, data, params }) => {
+      return updatePetWithForm(petId, data, params, config)
+    },
+    mutationKey,
+    ...mutationOptions,
+  })
 }

package/src/generators/__snapshots__/findByTags.ts

@@ -1,51 +1,66 @@
-import client from "@kubb/plugin-client/client";
-import type { RequestConfig } from "@kubb/plugin-client/client";
-import type { QueryKey, QueryObserverOptions, UseQueryResult } from "@tanstack/react-query";
-import { queryOptions, useQuery } from "@tanstack/react-query";
+import client from '@kubb/plugin-client/clients/axios'
+import type { RequestConfig } from '@kubb/plugin-client/clients/axios'
+import type { QueryKey, QueryObserverOptions, UseQueryResult } from '@tanstack/react-query'
+import { queryOptions, useQuery } from '@tanstack/react-query'
 
- export const findPetsByTagsQueryKey = (params?: FindPetsByTagsQueryParams) => [{ url: "/pet/findByTags" }, ...(params ? [params] : [])] as const;
+export const findPetsByTagsQueryKey = (params?: FindPetsByTagsQueryParams) => [{ url: '/pet/findByTags' }, ...(params ? [params] : [])] as const
 
- export type FindPetsByTagsQueryKey = ReturnType<typeof findPetsByTagsQueryKey>;
+export type FindPetsByTagsQueryKey = ReturnType<typeof findPetsByTagsQueryKey>
 
- /**
+/**
  * @description Multiple tags can be provided with comma separated strings. Use tag1, tag2, tag3 for testing.
  * @summary Finds Pets by tags
  * {@link /pet/findByTags}
  */
 async function findPetsByTags(headers: FindPetsByTagsHeaderParams, params?: FindPetsByTagsQueryParams, config: Partial<RequestConfig> = {}) {
-    const res = await client<FindPetsByTagsQueryResponse, FindPetsByTags400, unknown>({ method: "GET", url: `/pet/findByTags`, params, headers: { ...headers, ...config.headers }, ...config });
-    return findPetsByTagsQueryResponse.parse(res.data);
+  const res = await client<FindPetsByTagsQueryResponse, FindPetsByTags400, unknown>({
+    method: 'GET',
+    url: `/pet/findByTags`,
+    params,
+    headers: { ...headers, ...config.headers },
+    ...config,
+  })
+  return findPetsByTagsQueryResponse.parse(res.data)
 }
 
- export function findPetsByTagsQueryOptions(headers: FindPetsByTagsHeaderParams, params?: FindPetsByTagsQueryParams, config: Partial<RequestConfig> = {}) {
-    const queryKey = findPetsByTagsQueryKey(params);
-    return queryOptions({
-        queryKey,
-        queryFn: async ({ signal }) => {
-            config.signal = signal;
-            return findPetsByTags(headers, params, config);
-        },
-    });
+export function findPetsByTagsQueryOptions(headers: FindPetsByTagsHeaderParams, params?: FindPetsByTagsQueryParams, config: Partial<RequestConfig> = {}) {
+  const queryKey = findPetsByTagsQueryKey(params)
+  return queryOptions({
+    queryKey,
+    queryFn: async ({ signal }) => {
+      config.signal = signal
+      return findPetsByTags(headers, params, config)
+    },
+  })
 }
 
- /**
+/**
  * @description Multiple tags can be provided with comma separated strings. Use tag1, tag2, tag3 for testing.
  * @summary Finds Pets by tags
  * {@link /pet/findByTags}
  */
-export function useFindPetsByTags<TData = FindPetsByTagsQueryResponse, TQueryData = FindPetsByTagsQueryResponse, TQueryKey extends QueryKey = FindPetsByTagsQueryKey>(headers: FindPetsByTagsHeaderParams, params?: FindPetsByTagsQueryParams, options: {
-    query?: Partial<QueryObserverOptions<FindPetsByTagsQueryResponse, FindPetsByTags400, TData, TQueryData, TQueryKey>>;
-    client?: Partial<RequestConfig>;
-} = {}) {
-    const { query: queryOptions, client: config = {} } = options ?? {};
-    const queryKey = queryOptions?.queryKey ?? findPetsByTagsQueryKey(params);
-    const query = useQuery({
-        ...findPetsByTagsQueryOptions(headers, params, config) as unknown as QueryObserverOptions,
-        queryKey,
-        ...queryOptions as unknown as Omit<QueryObserverOptions, "queryKey">
-    }) as UseQueryResult<TData, FindPetsByTags400> & {
-        queryKey: TQueryKey;
-    };
-    query.queryKey = queryKey as TQueryKey;
-    return query;
+export function useFindPetsByTags<
+  TData = FindPetsByTagsQueryResponse,
+  TQueryData = FindPetsByTagsQueryResponse,
+  TQueryKey extends QueryKey = FindPetsByTagsQueryKey,
+>(
+  headers: FindPetsByTagsHeaderParams,
+  params?: FindPetsByTagsQueryParams,
+  options: {
+    query?: Partial<QueryObserverOptions<FindPetsByTagsQueryResponse, FindPetsByTags400, TData, TQueryData, TQueryKey>>
+    client?: Partial<RequestConfig>
+  } = {},
+) {
+  const { query: queryOptions, client: config = {} } = options ?? {}
+  const queryKey = queryOptions?.queryKey ?? findPetsByTagsQueryKey(params)
+
+  const query = useQuery({
+    ...(findPetsByTagsQueryOptions(headers, params, config) as unknown as QueryObserverOptions),
+    queryKey,
+    ...(queryOptions as unknown as Omit<QueryObserverOptions, 'queryKey'>),
+  }) as UseQueryResult<TData, FindPetsByTags400> & { queryKey: TQueryKey }
+
+  query.queryKey = queryKey as TQueryKey
+
+  return query
 }

package/src/generators/__snapshots__/findByTagsObject.ts

@@ -1,60 +1,71 @@
-import client from "@kubb/plugin-client/client";
-import type { RequestConfig } from "@kubb/plugin-client/client";
-import type { QueryKey, QueryObserverOptions, UseQueryResult } from "@tanstack/react-query";
-import { queryOptions, useQuery } from "@tanstack/react-query";
+import client from '@kubb/plugin-client/clients/axios'
+import type { RequestConfig } from '@kubb/plugin-client/clients/axios'
+import type { QueryKey, QueryObserverOptions, UseQueryResult } from '@tanstack/react-query'
+import { queryOptions, useQuery } from '@tanstack/react-query'
 
- export const findPetsByTagsQueryKey = (params?: FindPetsByTagsQueryParams) => [{ url: "/pet/findByTags" }, ...(params ? [params] : [])] as const;
+export const findPetsByTagsQueryKey = (params?: FindPetsByTagsQueryParams) => [{ url: '/pet/findByTags' }, ...(params ? [params] : [])] as const
 
- export type FindPetsByTagsQueryKey = ReturnType<typeof findPetsByTagsQueryKey>;
+export type FindPetsByTagsQueryKey = ReturnType<typeof findPetsByTagsQueryKey>
 
- /**
+/**
  * @description Multiple tags can be provided with comma separated strings. Use tag1, tag2, tag3 for testing.
  * @summary Finds Pets by tags
  * {@link /pet/findByTags}
  */
-async function findPetsByTags({ headers, params }: {
-    headers: FindPetsByTagsHeaderParams;
-    params?: FindPetsByTagsQueryParams;
-}, config: Partial<RequestConfig> = {}) {
-    const res = await client<FindPetsByTagsQueryResponse, FindPetsByTags400, unknown>({ method: "GET", url: `/pet/findByTags`, params, headers: { ...headers, ...config.headers }, ...config });
-    return findPetsByTagsQueryResponse.parse(res.data);
+async function findPetsByTags(
+  { headers, params }: { headers: FindPetsByTagsHeaderParams; params?: FindPetsByTagsQueryParams },
+  config: Partial<RequestConfig> = {},
+) {
+  const res = await client<FindPetsByTagsQueryResponse, FindPetsByTags400, unknown>({
+    method: 'GET',
+    url: `/pet/findByTags`,
+    params,
+    headers: { ...headers, ...config.headers },
+    ...config,
+  })
+  return findPetsByTagsQueryResponse.parse(res.data)
 }
 
- export function findPetsByTagsQueryOptions({ headers, params }: {
-    headers: FindPetsByTagsHeaderParams;
-    params?: FindPetsByTagsQueryParams;
-}, config: Partial<RequestConfig> = {}) {
-    const queryKey = findPetsByTagsQueryKey(params);
-    return queryOptions({
-        queryKey,
-        queryFn: async ({ signal }) => {
-            config.signal = signal;
-            return findPetsByTags({ headers, params }, config);
-        },
-    });
+export function findPetsByTagsQueryOptions(
+  { headers, params }: { headers: FindPetsByTagsHeaderParams; params?: FindPetsByTagsQueryParams },
+  config: Partial<RequestConfig> = {},
+) {
+  const queryKey = findPetsByTagsQueryKey(params)
+  return queryOptions({
+    queryKey,
+    queryFn: async ({ signal }) => {
+      config.signal = signal
+      return findPetsByTags({ headers, params }, config)
+    },
+  })
 }
 
- /**
+/**
  * @description Multiple tags can be provided with comma separated strings. Use tag1, tag2, tag3 for testing.
  * @summary Finds Pets by tags
  * {@link /pet/findByTags}
  */
-export function useFindPetsByTags<TData = FindPetsByTagsQueryResponse, TQueryData = FindPetsByTagsQueryResponse, TQueryKey extends QueryKey = FindPetsByTagsQueryKey>({ headers, params }: {
-    headers: FindPetsByTagsHeaderParams;
-    params?: FindPetsByTagsQueryParams;
-}, options: {
-    query?: Partial<QueryObserverOptions<FindPetsByTagsQueryResponse, FindPetsByTags400, TData, TQueryData, TQueryKey>>;
-    client?: Partial<RequestConfig>;
-} = {}) {
-    const { query: queryOptions, client: config = {} } = options ?? {};
-    const queryKey = queryOptions?.queryKey ?? findPetsByTagsQueryKey(params);
-    const query = useQuery({
-        ...findPetsByTagsQueryOptions({ headers, params }, config) as unknown as QueryObserverOptions,
-        queryKey,
-        ...queryOptions as unknown as Omit<QueryObserverOptions, "queryKey">
-    }) as UseQueryResult<TData, FindPetsByTags400> & {
-        queryKey: TQueryKey;
-    };
-    query.queryKey = queryKey as TQueryKey;
-    return query;
+export function useFindPetsByTags<
+  TData = FindPetsByTagsQueryResponse,
+  TQueryData = FindPetsByTagsQueryResponse,
+  TQueryKey extends QueryKey = FindPetsByTagsQueryKey,
+>(
+  { headers, params }: { headers: FindPetsByTagsHeaderParams; params?: FindPetsByTagsQueryParams },
+  options: {
+    query?: Partial<QueryObserverOptions<FindPetsByTagsQueryResponse, FindPetsByTags400, TData, TQueryData, TQueryKey>>
+    client?: Partial<RequestConfig>
+  } = {},
+) {
+  const { query: queryOptions, client: config = {} } = options ?? {}
+  const queryKey = queryOptions?.queryKey ?? findPetsByTagsQueryKey(params)
+
+  const query = useQuery({
+    ...(findPetsByTagsQueryOptions({ headers, params }, config) as unknown as QueryObserverOptions),
+    queryKey,
+    ...(queryOptions as unknown as Omit<QueryObserverOptions, 'queryKey'>),
+  }) as UseQueryResult<TData, FindPetsByTags400> & { queryKey: TQueryKey }
+
+  query.queryKey = queryKey as TQueryKey
+
+  return query
 }