fix: pass down id to append

app/page.tsx

@@ -1,16 +1,19 @@
+import { nanoid } from '@/lib/utils'
 import { Chat } from '@/components/chat'
 import { Header } from '@/components/header'
 
 // export const runtime = 'edge'
 export const preferredRegion = 'home'
 
-export default async function IndexPage() {
+export default function IndexPage() {
+  const id = nanoid()
+
   return (
     <div className="flex min-h-screen flex-col">
       {/* @ts-ignore */}
       <Header />
       <main className="flex-1 bg-muted/50">
-        <Chat />
+        <Chat id={id} />
       </main>
     </div>
   )