fix asMutationBuilder

Author: KurtGokhan

examples/vite/src/App.tsx

@@ -2,11 +2,11 @@ import './mocks';
 import { useRef, useState } from 'react';
 import { CommentData, PostData, baseUrl } from './mocks';
 import './App.css';
-import { HttpMutationBuilder, HttpQueryBuilder, useOperateOnTags } from 'react-query-builder';
+import { HttpQueryBuilder, useOperateOnTags } from 'react-query-builder';
 import { queryClient } from './client';
 
 const baseQuery = new HttpQueryBuilder({ queryClient }).withBaseUrl(baseUrl);
-const baseMutation = new HttpMutationBuilder({ queryClient }).withBaseUrl(baseUrl);
+const baseMutation = baseQuery.asMutationBuilder();
 
 const resetMutation = baseMutation.withPath('/reset').withConfig({ invalidates: '*' });
 

src/builder/HttpQueryBuilder.ts

@@ -1,6 +1,7 @@
 import { ExtractPathParams } from '../http/types';
 import { Prettify, WithOptional } from '../types/utils';
 import { HttpMutationBuilder } from './HttpMutationBuilder';
+import { MutationBuilder } from './MutationBuilder';
 import { QueryBuilder, QueryBuilderConfig } from './QueryBuilder';
 import { HttpBaseHeaders, HttpBaseParams, HttpBaseSearch, HttpBuilderTypeTemplate } from './types';
 import { PrettifyWithVars } from './types';
@@ -55,4 +56,5 @@ export class HttpQueryBuilder<T extends HttpBuilderTypeTemplate = HttpBuilderTyp
   declare withError: <TError>() => HttpQueryBuilder<Prettify<T & { error: TError }>>;
   declare withVars: <TVars = T['vars']>(vars?: TVars) => HttpQueryBuilder<PrettifyWithVars<T, Partial<TVars>>>;
   declare asMutationBuilder: () => HttpMutationBuilder<T>;
+  protected override MutationBuilderConstructor: typeof MutationBuilder = HttpMutationBuilder as typeof MutationBuilder;
 }

src/builder/QueryBuilder.ts

@@ -208,8 +208,10 @@ export class QueryBuilder<T extends BuilderTypeTemplate = BuilderTypeTemplate> e
     return this;
   }
 
+  protected MutationBuilderConstructor: typeof MutationBuilder = MutationBuilder;
+
   asMutationBuilder(): MutationBuilder<T> {
-    return new MutationBuilder({
+    return new this.MutationBuilderConstructor({
       queryFn: this.config.queryFn,
       queryClient: this.config.queryClient,
       mergeVars: this.config.mergeVars,

src/tags/mergeTagOptions.ts

@@ -9,6 +9,7 @@ export function mergeTagOptions<TVars = void, TData = any, TErr = any, TTag exte
   tagsList = tagsList.filter(Boolean) as QueryTagOption<TVars, TData, TErr, TTag>[];
 
   if (tagsList.length === 0) return undefined;
+  if (tagsList.length === 1) return tagsList[0];
   if (tagsList.every((tag) => Array.isArray(tag) || typeof tag !== 'function')) return tagsList.flat() as TTag[];
 
   const callback: QueryTagCallback<TVars, TData, TErr, TTag> = (...args) =>