From d86bd4ea62c5c6927ecaab872be7b133354fa07a Mon Sep 17 00:00:00 2001
From: RizqiSyahrendra <rizqialaudinsyahrendra@gmail.com>
Date: Mon, 3 Feb 2025 15:20:09 +0700
Subject: [PATCH] fix:  blog page await params

---
 src/app/(main)/blog/[slug]/page.tsx | 9 +++++----
 src/app/(main)/blog/page.tsx        | 5 +++--
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/app/(main)/blog/[slug]/page.tsx b/src/app/(main)/blog/[slug]/page.tsx
index 5177a0e..434afcb 100644
--- a/src/app/(main)/blog/[slug]/page.tsx
+++ b/src/app/(main)/blog/[slug]/page.tsx
@@ -6,8 +6,9 @@ import { RichText } from "@payloadcms/richtext-lexical/react";
 import { Metadata } from "next";
 import Image from "next/image";
 
-export async function generateMetadata({ params }: { params: { slug: string } }): Promise<Metadata> {
-  const blog = await fetchBlogDetail(params.slug);
+export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise<Metadata> {
+  const slug = (await params).slug;
+  const blog = await fetchBlogDetail(slug);
 
   if (!blog) {
     return {
@@ -61,10 +62,10 @@ export default async function SingleBlogPage({ params }: { params: Promise<{ slu
                     <span className="visually-hidden">Date:</span> {data.createdAt}
                   </a>
                 </div>
-                <div className="d-inline-block me-3">
+                {/* <div className="d-inline-block me-3">
                   <i className="mi-folder size-16" />
                   <span className="visually-hidden">Categories:</span> <a href="#">Design</a>, <a href="#">Branding</a>
-                </div>
+                </div> */}
               </div>
               {/* End Author, Categories, Comments */}
             </div>
diff --git a/src/app/(main)/blog/page.tsx b/src/app/(main)/blog/page.tsx
index 9c5597e..b691373 100644
--- a/src/app/(main)/blog/page.tsx
+++ b/src/app/(main)/blog/page.tsx
@@ -10,8 +10,9 @@ export const metadata = {
   description: "Blogs | Cochise Oncology",
 };
 
-export default async function BlogPage({ searchParams }: { searchParams?: { page?: string } }) {
-  const page = sanitizePageNumber(searchParams?.page);
+export default async function BlogPage({ searchParams }: { searchParams?: Promise<{ page?: string }> }) {
+  const paramsPage = (await searchParams)?.page;
+  const page = sanitizePageNumber(paramsPage);
 
   return (
     <>