fix initialization of client and tags manager

Author: KurtGokhan

examples/vite/vite.config.ts

@@ -8,15 +8,18 @@ import { defineConfig } from 'vite';
 const isStackblitz = process.env.SHELL === '/bin/jsh';
 
 // https://vitejs.dev/config/
-export default defineConfig({
+export default defineConfig(({ mode }) => ({
   plugins: [TanStackRouterVite({ target: 'react', autoCodeSplitting: true }), react()],
   optimizeDeps: { exclude: ['tanstack-query-builder'] },
   server: { port: 3100 },
   resolve: {
     alias: {
       src: path.resolve(import.meta.dirname, 'src'),
     },
-    conditions: [...(isStackblitz ? ['stackblitz', 'node'] : ['browser']), 'tanstack-query-builder@dev'],
+    conditions: [
+      ...(isStackblitz ? ['stackblitz', 'node'] : ['browser']),
+      ...(mode !== 'production' ? ['tanstack-query-builder@dev'] : []),
+    ],
   },
   test: {
     globals: true,
@@ -36,4 +39,4 @@ export default defineConfig({
       ],
     },
   },
-});
+}));

packages/tanstack-query-builder/src/builder/QueryBuilderFrozen.ts

@@ -80,10 +80,12 @@ export class QueryBuilderFrozen<
 > {
   constructor(public readonly config: BuilderConfig<TVars, TData, TError, TKey>) {
     if (config.bound) bindMethods(this, methodsToBind);
+    this.client = new QueryBuilderClient(this) as typeof this.client;
+    this.tags = new QueryBuilderTagsManager(this) as typeof this.tags;
   }
 
-  readonly client = new QueryBuilderClient(this) as HasClient<TFlags, QueryBuilderClient<TVars, TData, TError, TKey, TTags>>;
-  readonly tags = new QueryBuilderTagsManager(this) as HasClient<TFlags, QueryBuilderTagsManager<TVars, TData, TError, TKey, TTags>>;
+  readonly client: HasClient<TFlags, QueryBuilderClient<TVars, TData, TError, TKey, TTags>>;
+  readonly tags: HasClient<TFlags, QueryBuilderTagsManager<TVars, TData, TError, TKey, TTags>>;
 
   protected mergeConfigs(config: typeof this.config, other: Partial<typeof this.config>): typeof this.config {
     return {