useStreamContext

function MessageList() {
  const { messages, getMessagesMetadata } = useStreamContext();
  return messages.map((msg, i) => {
    const metadata = getMessagesMetadata(msg, i);
    return <div key={msg.id ?? i}>{msg.content}</div>;
  });
}

import type { agent } from "./agent";

function Chat() {
  const { toolCalls } = useStreamContext<typeof agent>();
  // toolCalls are fully typed from the agent's tools
}