demo: fix useChat demo regression from id → chatId rename

Missed in aef68ae, ditto the README example.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: lawrence-forooghian

README.md

@@ -96,17 +96,17 @@ interface ChatRequestBody {
   clientId: string;
   messages: TreeNode<UIMessage>[];
   history?: TreeNode<UIMessage>[];
-  id: string;
+  chatId: string;
   forkOf?: string;
   parent?: string | null;
 }
 
 const ably = new Ably.Realtime({ key: process.env.ABLY_API_KEY });
 
 export async function POST(req: Request) {
-  const { messages, history, id, turnId, clientId, forkOf, parent } = (await req.json()) as ChatRequestBody;
+  const { messages, history, chatId, turnId, clientId, forkOf, parent } = (await req.json()) as ChatRequestBody;
 
-  const channel = ably.channels.get(id);
+  const channel = ably.channels.get(chatId);
   const transport = createServerTransport({ channel });
   const turn = transport.newTurn({ turnId, clientId, parent, forkOf });
 

demo/vercel/react/use-chat/src/app/api/chat/route.ts

@@ -21,7 +21,7 @@ interface ChatRequestBody {
   clientId: string;
   messages: MessageNode<UIMessage>[];
   history?: MessageNode<UIMessage>[];
-  id: string;
+  chatId: string;
   forkOf?: string;
   parent?: string;
 }
@@ -30,8 +30,8 @@ interface ChatRequestBody {
 const ably = new Ably.Realtime({ key: process.env.ABLY_API_KEY! });
 
 export async function POST(req: Request) {
-  const { messages, history, id, turnId, clientId, forkOf, parent } = (await req.json()) as ChatRequestBody;
-  const channel = ably.channels.get(id);
+  const { messages, history, chatId, turnId, clientId, forkOf, parent } = (await req.json()) as ChatRequestBody;
+  const channel = ably.channels.get(chatId);
 
   const transport = createServerTransport({ channel });
   const turn = transport.newTurn({ turnId, clientId, parent, forkOf, signal: req.signal });

docs/get-started/vercel-use-chat.md

@@ -101,16 +101,16 @@ interface ChatRequestBody {
   clientId: string;
   messages: MessageNode<UIMessage>[];
   history?: MessageNode<UIMessage>[];
-  id: string;
+  chatId: string;
   forkOf?: string;
   parent?: string | null;
 }
 
 const ably = new Ably.Realtime({ key: process.env.ABLY_API_KEY! });
 
 export async function POST(req: Request) {
-  const { messages, history, id, turnId, clientId, forkOf, parent } = (await req.json()) as ChatRequestBody;
-  const channel = ably.channels.get(id);
+  const { messages, history, chatId, turnId, clientId, forkOf, parent } = (await req.json()) as ChatRequestBody;
+  const channel = ably.channels.get(chatId);
 
   const transport = createServerTransport({ channel });
   const turn = transport.newTurn({ turnId, clientId, parent, forkOf });