@trackunit/react-components 2.2.2-alpha-0af54c028ac.0 → 2.2.3

package/index.cjs.js

@@ -13118,17 +13118,29 @@ const useRelayPagination = ({ onReset, pageSize, initialCursor } = { pageSize: d
     const { hasNextPage, endCursor, hasPreviousPage, startCursor } = pageInfo ?? {};
     const nextPage = react.useCallback(() => {
         if (hasNextPage === true) {
-            setVariables({
-                after: endCursor === null ? undefined : endCursor,
-                first: pageSize,
+            const after = endCursor === null ? undefined : endCursor;
+            setVariables(prev => {
+                // Idempotent: when the resolved variables are unchanged (e.g. the
+                // backend keeps reporting `hasNextPage: true` without advancing the
+                // cursor), return the same reference so React skips the re-render.
+                // Without this bail-out the forward auto-load in `useBidirectionalScroll`
+                // re-runs every render and calls `nextPage` again, causing an infinite
+                // update loop.
+                if (prev.after === after && prev.first === pageSize && prev.before === undefined && prev.last === undefined) {
+                    return prev;
+                }
+                return { after, first: pageSize };
             });
         }
     }, [hasNextPage, endCursor, pageSize]);
     const previousPage = react.useCallback(() => {
         if (hasPreviousPage === true) {
-            setVariables({
-                before: startCursor === null ? undefined : startCursor,
-                last: pageSize,
+            const before = startCursor === null ? undefined : startCursor;
+            setVariables(prev => {
+                if (prev.before === before && prev.last === pageSize && prev.after === undefined && prev.first === undefined) {
+                    return prev;
+                }
+                return { before, last: pageSize };
             });
         }
     }, [hasPreviousPage, startCursor, pageSize]);

package/index.esm.js

@@ -13116,17 +13116,29 @@ const useRelayPagination = ({ onReset, pageSize, initialCursor } = { pageSize: d
     const { hasNextPage, endCursor, hasPreviousPage, startCursor } = pageInfo ?? {};
     const nextPage = useCallback(() => {
         if (hasNextPage === true) {
-            setVariables({
-                after: endCursor === null ? undefined : endCursor,
-                first: pageSize,
+            const after = endCursor === null ? undefined : endCursor;
+            setVariables(prev => {
+                // Idempotent: when the resolved variables are unchanged (e.g. the
+                // backend keeps reporting `hasNextPage: true` without advancing the
+                // cursor), return the same reference so React skips the re-render.
+                // Without this bail-out the forward auto-load in `useBidirectionalScroll`
+                // re-runs every render and calls `nextPage` again, causing an infinite
+                // update loop.
+                if (prev.after === after && prev.first === pageSize && prev.before === undefined && prev.last === undefined) {
+                    return prev;
+                }
+                return { after, first: pageSize };
             });
         }
     }, [hasNextPage, endCursor, pageSize]);
     const previousPage = useCallback(() => {
         if (hasPreviousPage === true) {
-            setVariables({
-                before: startCursor === null ? undefined : startCursor,
-                last: pageSize,
+            const before = startCursor === null ? undefined : startCursor;
+            setVariables(prev => {
+                if (prev.before === before && prev.last === pageSize && prev.after === undefined && prev.first === undefined) {
+                    return prev;
+                }
+                return { before, last: pageSize };
             });
         }
     }, [hasPreviousPage, startCursor, pageSize]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "2.2.2-alpha-0af54c028ac.0",
+  "version": "2.2.3",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "migrations": "./migrations.json",
@@ -14,17 +14,17 @@
     "@floating-ui/react": "^0.26.25",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/ui-design-tokens": "1.13.60-alpha-0af54c028ac.0",
-    "@trackunit/css-class-variance-utilities": "1.13.61-alpha-0af54c028ac.0",
-    "@trackunit/shared-utils": "1.15.64-alpha-0af54c028ac.0",
-    "@trackunit/ui-icons": "1.13.62-alpha-0af54c028ac.0",
+    "@trackunit/ui-design-tokens": "1.13.60",
+    "@trackunit/css-class-variance-utilities": "1.13.61",
+    "@trackunit/shared-utils": "1.15.64",
+    "@trackunit/ui-icons": "1.13.62",
     "es-toolkit": "^1.39.10",
     "@tanstack/react-virtual": "^3.14.3",
     "dequal": "^2.0.3",
     "fflate": "^0.8.2",
     "superjson": "^2.2.6",
     "zod": "^3.25.76",
-    "@trackunit/i18n-library-translation": "2.1.2-alpha-0af54c028ac.0"
+    "@trackunit/i18n-library-translation": "2.1.2"
   },
   "peerDependencies": {
     "react": "^19.0.0",