Try to hack auth

app/chat.tsx

@@ -4,39 +4,43 @@ import { type Message } from "@prisma/client";
 import { useRouter } from "next/navigation";
 import { ChatList } from "./chat-list";
 import { Prompt } from "./prompt";
-import { usePrompt } from "./use-prompt";
+import { useChat } from "ai-connector";
 
 export interface ChatProps {
   // create?: (input: string) => Chat | undefined;
-  messages?: Message[];
+  initialMessages?: Message[];
   id?: string;
 }
 
 export function Chat({
   id,
   // create,
-  messages,
+  initialMessages,
 }: ChatProps) {
   const router = useRouter();
 
-  const { isLoading, messageList, appendUserMessage, reloadLastMessage } =
-    usePrompt({
-      messages,
-      id,
-      // onCreate: (id: string) => {
-      //   router.push(`/chat/${id}`);
-      // },
-    });
+  const { isLoading, messages, reload, append } = useChat({
+    initialMessages: initialMessages as any[],
+    id,
+    // onCreate: (id: string) => {
+    //   router.push(`/chat/${id}`);
+    // },
+  });
 
   return (
     <main className="transition-width relative min-h-full w-full flex-1 overflow-y-auto flex flex-col">
       <div className="flex-1">
-        <ChatList messages={messageList} />
+        <ChatList messages={messages} />
       </div>
       <div className="sticky light-gradient dark:bg-gradient-to-b dark:from-zinc-900 dark:to-zinc-950 bottom-0 left-0 w-full border-t bg-white dark:bg-black md:border-t-0 py-4 md:border-transparent md:!bg-transparent md:dark:border-transparent pr-0 lg:pr-[260px] flex dark:border-transparent items-center justify-center">
         <Prompt
-          onSubmit={appendUserMessage}
-          onRefresh={messageList.length ? reloadLastMessage : undefined}
+          onSubmit={(value) => {
+            append({
+              content: value,
+              role: "user",
+            });
+          }}
+          onRefresh={messages.length ? reload : undefined}
           isLoading={isLoading}
         />
       </div>