@assistant-ui/react-data-stream#
Data Stream protocol integration for @assistant-ui/react. Connects an assistant-ui runtime to any backend that speaks the AI SDK data-stream or UI-message-stream wire format.
Installation#
npm install @assistant-ui/react @assistant-ui/react-data-stream
Usage#
"use client";
import { AssistantRuntimeProvider } from "@assistant-ui/react";
import { useDataStreamRuntime } from "@assistant-ui/react-data-stream";
export function Provider({ children }: { children: React.ReactNode }) {
const runtime = useDataStreamRuntime({ api: "/api/chat" });
return (
<AssistantRuntimeProvider runtime={runtime}>
{children}
</AssistantRuntimeProvider>
);
}
See also#
@assistant-ui/react-ai-sdkfor direct Vercel AI SDK integration with frontend tool forwarding.useCloudRuntime(also exported from this package) for managed thread persistence backed byassistant-cloud.
Full API reference at assistant-ui.com/docs/api-reference/integrations/react-data-stream.