diff --git a/src/components/Playground.jsx b/src/components/Playground.jsx
index 3bdb7ccb..d1061306 100644
--- a/src/components/Playground.jsx
+++ b/src/components/Playground.jsx
@@ -138,7 +138,7 @@ export default function Playground() {
     pageNo: 1,
     pageSize: 10,
     pagePerBlock: 10,
-    totalCount: 501,
+    totalCount: 26,
     handleChangePage: (page) => {
       console.log('page', page)
     },
diff --git a/src/components/common/pagination/QPagination.jsx b/src/components/common/pagination/QPagination.jsx
index 7eb6638a..c6cab52d 100644
--- a/src/components/common/pagination/QPagination.jsx
+++ b/src/components/common/pagination/QPagination.jsx
@@ -31,7 +31,7 @@ export default function QPagination(props) {
         <button
           onClick={() => {
             if (currentPage === totalPages) return
-            handlePage(Math.max(1, pageGroup * pagePerBlock + 1))
+            if (pageGroup * pagePerBlock + 1 <= totalPages) handlePage(Math.max(1, pageGroup * pagePerBlock + 1))
           }}
         ></button>
       </li>
diff --git a/src/hooks/usePagination.js b/src/hooks/usePagination.js
index 7d76d293..c0a9ea50 100644
--- a/src/hooks/usePagination.js
+++ b/src/hooks/usePagination.js
@@ -28,6 +28,15 @@ const usePagination = ({ pageNo = 1, pageSize = 10, pagePerBlock = 10, totalCoun
     return i + startPage
   })
 
+  // console.log('pageRange', pageRange)
+  // console.log('startPage', startPage)
+  // console.log('endPage', endPage)
+  // console.log('totalPages', totalPages)
+  // console.log('pageGroup', pageGroup)
+  // console.log('pagePerBlock', pagePerBlock)
+  // console.log('currentPage', currentPage)
+  // console.log('pageNo', pageNo)
+
   return { currentPage, changePage, pageGroup, totalPages, pages, startPage, endPage, pageRange }
 }