diff --git a/components/postPreview.tsx b/components/postPreview.tsx
index 028075e..b349aa5 100644
--- a/components/postPreview.tsx
+++ b/components/postPreview.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import styles from "./postPreview.module.css";
 import Image from "next/image";
 import Link from "next/link";
@@ -11,7 +13,7 @@ type Items = {
 export default function PostPreview({ post }: { post: Items }) {
   const router = useRouter();
   router.push(`/blog/${post.slug}`);
-  
+
   return (
     <div className = {styles.preview}>
       <Link className = {styles.title} href={ `/blog/${post.slug}` }> {post.title}