diff --git a/apps/website/components/blog-pagination/blog-pagination.spec.tsx b/apps/website/components/blog-pagination/blog-pagination.spec.tsx
index f4cca7b..3ed60b3 100644
--- a/apps/website/components/blog-pagination/blog-pagination.spec.tsx
+++ b/apps/website/components/blog-pagination/blog-pagination.spec.tsx
@@ -1,10 +1,20 @@
-import { render } from '@testing-library/react';
+import {render} from '@testing-library/react';
import BlogPagination from './blog-pagination';
+jest.mock("next/router", () => ({
+ useRouter() {
+ return {
+ route: "/",
+ pathname: "",
+ query: "",
+ asPath: "",
+ };
+ },
+}));
describe('BlogPagination', () => {
it('should render successfully', () => {
- const { baseElement } = render();
+ const {baseElement} = render();
expect(baseElement).toBeTruthy();
});
});
diff --git a/apps/website/components/blog-pagination/blog-pagination.tsx b/apps/website/components/blog-pagination/blog-pagination.tsx
index 0593cd1..07f97a1 100644
--- a/apps/website/components/blog-pagination/blog-pagination.tsx
+++ b/apps/website/components/blog-pagination/blog-pagination.tsx
@@ -6,7 +6,7 @@ export interface BlogPaginationProps {
paginator: any;
}
-export function BlogPagination({paginator}: BlogPaginationProps) {
+export function BlogPagination({paginator = {pagination: {}}}: BlogPaginationProps) {
const router = useRouter();
const {total, pageCount, page} = paginator.pagination;
const isOnlyOne = pageCount > 0 && pageCount === 1;
@@ -41,7 +41,10 @@ export function BlogPagination({paginator}: BlogPaginationProps) {
hover:bg-gray-900
disabled:bg-gray-500 disabled:hover:bg-gray-500
dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">
-