page load issue

components/top-level/blog-lists/index.js

@@ -9,7 +9,6 @@ import styles from "./styles.module.css";
 const BlogLists = ({ title, description, blogs }) => {
   const searchParams = useSearchParams();
   let searchPage = searchParams.get("page");
-  console.log("iuh", searchPage);
   const length = blogs.length;
   const itemsPerPage = 6;
   const [currentPage, setCurrentPage] = useState(searchPage);
@@ -19,7 +18,7 @@ const BlogLists = ({ title, description, blogs }) => {
   const slicedData = blogs.slice(startIndex, endIndex);
 
   useEffect(() => {
-    setCurrentPage(parseInt(searchPage));
+    setCurrentPage(parseInt(searchPage) || 1);
   }, [searchPage]);
   // Handle page change
   const handlePageChange = (pageNumber) => {