From ae0a6497cb397a6241a34278f8bb7f4e5aa6bef8 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 10 Oct 2025 18:39:09 -0700
Subject: [PATCH] refactor list pagination to use nuqs

---
 .../use-item-list-pagination.ts                 | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/src/renderer/components/item-list/item-list-pagination/use-item-list-pagination.ts b/src/renderer/components/item-list/item-list-pagination/use-item-list-pagination.ts
index fa0518c6f..bbbd5f168 100644
--- a/src/renderer/components/item-list/item-list-pagination/use-item-list-pagination.ts
+++ b/src/renderer/components/item-list/item-list-pagination/use-item-list-pagination.ts
@@ -1,18 +1,13 @@
-import { useSearchParams } from 'react-router-dom';
+import { parseAsInteger, useQueryState } from 'nuqs';
 
 export const useItemListPagination = () => {
-    const [searchParams, setSearchParams] = useSearchParams();
-
-    const currentPage = Number(searchParams.get('currentPage')) || 0;
+    const [currentPage, setCurrentPage] = useQueryState(
+        'currentPage',
+        parseAsInteger.withDefault(0),
+    );
 
     const onChange = (index: number) => {
-        setSearchParams(
-            (params) => {
-                params.set('currentPage', String(index));
-                return params;
-            },
-            { replace: true },
-        );
+        setCurrentPage(index);
     };
 
     return { currentPage, onChange };