fix: use ai/react

app/chat/[id]/page.tsx

@@ -1,9 +1,9 @@
 import { type Metadata } from 'next'
+import { auth } from '@clerk/nextjs'
 
 import { Chat } from '@/components/chat'
 import { getChat } from '@/app/actions'
 import { Header } from '@/components/header'
-import { auth } from '@clerk/nextjs'
 
 // export const runtime = 'edge'
 export const preferredRegion = 'home'
@@ -29,7 +29,7 @@ export default async function ChatPage({ params }: ChatPageProps) {
   const chat = await getChat(params.id, user?.id ?? '')
 
   return (
-    <div className="flex flex-col min-h-screen">
+    <div className="flex min-h-screen flex-col">
       {/* @ts-ignore */}
       <Header />
       <main className="flex-1 bg-muted/50">