ai-sdk-ui
React chat interfaces with Vercel AI SDK v6, covering hooks, message parts, tool approval workflows, and 18 documented UI error solutions.
- Three core hooks:
useChatfor conversational AI,useCompletionfor text generation, anduseObjectfor structured output streaming - Message content now accessed via
.partsarray (breaking change from v5) with support for text, tool invocations, files, reasoning, and source citations - Tool approval workflows enable human-in-the-loop confirmation before execution, with auto-submit capability to continue conversations after approval
- Addresses 18 common errors including stream parsing failures, stale closure bugs in React Strict Mode, concurrent request race conditions, and tool approval edge cases
- Includes migration guide for v4→v5 breaking changes (input state management removed,
append()replaced withsendMessage())
AI SDK UI - Frontend React Hooks
Frontend React hooks for AI-powered user interfaces with Vercel AI SDK v6.
Version: AI SDK v6.0.42 (Stable) Framework: React 18+/19, Next.js 14+/15+ Last Updated: 2026-01-20
AI SDK v6 Stable (January 2026)
Status: Stable Release Latest: ai@6.0.42, @ai-sdk/react@3.0.44, @ai-sdk/openai@3.0.7 Migration: Minimal breaking changes from v5 → v6
New UI Features in v6
1. Message Parts Structure (Breaking Change)
More from jezweb/claude-skills
tailwind-v4-shadcn
|
2.7Ktanstack-query
|
2.5Kshadcn-ui
Install and configure shadcn/ui components for React projects. Guides component selection, installation order, dependency management, customisation with semantic tokens, and common UI recipes (forms, data tables, navigation, modals). Use after tailwind-theme-builder has set up the theme infrastructure, when adding components, building forms, creating data tables, or setting up navigation.
2.5Ktailwind-theme-builder
>
2.2Kfastapi
|
2.0Kcolor-palette
>
1.9K