feat: add Disposable methods for tanstack query entities (for 'using' keyword)

Author: js2me

src/mobx-inifinite-query.ts

@@ -36,7 +36,8 @@ export class MobxInfiniteQuery<
   TError = DefaultError,
   TQueryKey extends QueryKey = any,
   TPageParam = unknown,
-> {
+> implements Disposable
+{
   protected abortController: AbortController;
   protected queryClient: QueryClient | MobxQueryClient;
 
@@ -348,4 +349,8 @@ export class MobxInfiniteQuery<
   dispose() {
     this.destroy();
   }
+
+  [Symbol.dispose](): void {
+    this.destroy();
+  }
 }

src/mobx-mutation.ts

@@ -17,7 +17,8 @@ export class MobxMutation<
   TVariables = void,
   TError = DefaultError,
   TContext = unknown,
-> {
+> implements Disposable
+{
   protected abortController: AbortController;
   protected queryClient: QueryClient | MobxQueryClient;
 
@@ -143,7 +144,18 @@ export class MobxMutation<
     delete this._observerSubscription;
   };
 
-  dispose() {
+  destroy() {
     this.abortController.abort();
   }
+
+  /**
+   * @deprecated use `destroy`
+   */
+  dispose() {
+    this.destroy();
+  }
+
+  [Symbol.dispose](): void {
+    this.destroy();
+  }
 }

src/mobx-query.ts

@@ -32,7 +32,8 @@ export class MobxQuery<
   TData,
   TError = DefaultError,
   TQueryKey extends QueryKey = any,
-> {
+> implements Disposable
+{
   protected abortController: AbortController;
   protected queryClient: QueryClient | MobxQueryClient;
 
@@ -308,4 +309,8 @@ export class MobxQuery<
   dispose() {
     this.destroy();
   }
+
+  [Symbol.dispose](): void {
+    this.destroy();
+  }
 }