Refactor to use ai/rsc (#253)

app/(chat)/page.tsx

@@ -1,8 +1,22 @@
 import { nanoid } from '@/lib/utils'
 import { Chat } from '@/components/chat'
+import { AI } from '@/lib/chat/actions'
+import { auth } from '@/auth'
+import { Session } from '@/lib/types'
+import { getMissingKeys } from '../actions'
 
-export default function IndexPage() {
-  const id = nanoid()
-
-  return <Chat id={id} />
+export const metadata = {
+  title: 'Next.js AI Chatbot'
+}
+
+export default async function IndexPage() {
+  const id = nanoid()
+  const session = (await auth()) as Session
+  const missingKeys = await getMissingKeys()
+
+  return (
+    <AI initialAIState={{ chatId: id, messages: [] }}>
+      <Chat id={id} session={session} missingKeys={missingKeys} />
+    </AI>
+  )
 }