Add error handling for invalid page numbers

asyncapi · Jan 21, 2025 · 1873828 · 1873828
1 parent af0e6a1
commit 1873828
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/pages/blog/index.tsx b/pages/blog/index.tsx
@@ -58,10 +58,15 @@ export default function BlogIndexPage() {
   useEffect(() => {
     const pageFromQuery = parseInt(router.query.page as string, 10);
 
-    if (!Number.isNaN(pageFromQuery) && pageFromQuery >= 1 && pageFromQuery !== currentPage) {
-      setCurrentPage(pageFromQuery);
+    if (!Number.isNaN(pageFromQuery) && maxPage > 0) {
+      if (pageFromQuery >= 1 && pageFromQuery <= maxPage && pageFromQuery !== currentPage) {
+        setCurrentPage(pageFromQuery);
+      } else if (pageFromQuery < 1 || pageFromQuery > maxPage) {
+        // Only reset to page 1 if the page number is actually invalid
+        handlePageChange(1);
+      }
     }
-  }, [router.query.page]);
+  }, [router.query.page, maxPage, currentPage]);
 
   const [isClient, setIsClient] = useState(false);