chatbot-template/app/chat/[id]/page.tsx

import { type Metadata } from 'next'
import { auth } from '@clerk/nextjs'

import { Chat } from '@/components/chat'
import { getChat } from '@/app/actions'

// export const runtime = 'edge'
export const preferredRegion = 'home'

export interface ChatPageProps {
  params: {
    id: string
  }
}

export async function generateMetadata({
  params
}: ChatPageProps): Promise<Metadata> {
  const { user } = await auth()
  const chat = await getChat(params.id, user?.id ?? '')
  return {
    title: chat?.title.slice(0, 50) ?? 'Chat'
  }
}

export default async function ChatPage({ params }: ChatPageProps) {
  const { user } = await auth()
  const chat = await getChat(params.id, user?.id ?? '')

  return <Chat id={chat.id} initialMessages={chat.messages} />
}