weewoo

app/dashboard/chats/[id]/page.tsx

@@ -1,17 +1,17 @@
+"use client";
+
 import React from "react";
-import { Metadata } from "next";
+import { useParams } from "next/navigation";
 import ChatDetail from "@/components/dashboard/ChatDetail";
 import Dashboard from "@/components/dashboard/dashboard";
 
-export const metadata: Metadata = {
-  title: "Chat Conversation",
-  description: "View and respond to customer messages",
-};
-
-export default function ChatDetailPage({ params }: { params: { id: string } }) {
+export default function ChatDetailPage() {
+  const params = useParams();
+  const chatId = params.id as string;
+  
   return (
     <Dashboard>
-      <ChatDetail chatId={params.id} />
+      <ChatDetail chatId={chatId} />
     </Dashboard>
   );
 }