@trackunit/react-graphql-hooks 0.0.232 → 0.0.234

package/index.cjs.js

@@ -175,8 +175,11 @@ const usePaginationQuery = (document, { ...props }) => {
         onReset,
     });
     const doFetchMore = react.useCallback((variables, prev) => {
-        setIsLoading(true);
+        if (internalProps.skip) {
+            return;
+        }
         const abortController = new AbortController();
+        setIsLoading(true);
         /**
          * To support pagination with page and pageSize, we need to convert the variables from first and after.
          */
@@ -236,7 +239,7 @@ const usePaginationQuery = (document, { ...props }) => {
     react.useEffect(() => {
         const abortController = doFetchMore({ first, last: undefined, before: undefined, after: undefined }, undefined);
         return () => {
-            abortController.abort();
+            abortController === null || abortController === void 0 ? void 0 : abortController.abort();
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [internalProps.variables, resetTrigger]);

package/index.esm.js

@@ -154,8 +154,11 @@ const usePaginationQuery = (document, { ...props }) => {
         onReset,
     });
     const doFetchMore = useCallback((variables, prev) => {
-        setIsLoading(true);
+        if (internalProps.skip) {
+            return;
+        }
         const abortController = new AbortController();
+        setIsLoading(true);
         /**
          * To support pagination with page and pageSize, we need to convert the variables from first and after.
          */
@@ -215,7 +218,7 @@ const usePaginationQuery = (document, { ...props }) => {
     useEffect(() => {
         const abortController = doFetchMore({ first, last: undefined, before: undefined, after: undefined }, undefined);
         return () => {
-            abortController.abort();
+            abortController === null || abortController === void 0 ? void 0 : abortController.abort();
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [internalProps.variables, resetTrigger]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-graphql-hooks",
-  "version": "0.0.232",
+  "version": "0.0.234",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/usePaginationQuery.d.ts

@@ -27,6 +27,10 @@ export interface PaginationQueryProps<TData, TVariables extends ApolloClient.Ope
      * If not specified, the default page size is 50.
      */
     pageSize?: number;
+    /**
+     * A boolean value that specifies whether to skip the query.
+     */
+    skip?: boolean;
 }
 /**
  * This hook is used to fetch data from a GraphQL query and support pagination, it will help maintain the data and the pagination.