Chat UI packages | TanStack AI Français

Change your import from @tanstack/ai-react-ui to @tanstack/ai-react/ui. The same move applies to Solid and Vue.

Deprecated. @tanstack/ai-react-ui, @tanstack/ai-solid-ui, and @tanstack/ai-vue-ui re-export the new /ui subpath until each package's 1.0.0. npm install prints a warning. Import from /ui in new code. Svelte never published a *-ui package. Use @tanstack/ai-svelte/ui.

- import { Chat, ChatMessages, ChatInput } from '@tanstack/ai-react-ui'
+ import { Chat, ChatMessages, ChatInput } from '@tanstack/ai-react/ui'

Nothing else changes for the package move. Chat, ChatMessages, ChatMessage, ChatInput, ToolApproval, TextPart, and ThinkingPart stay on the subpath until 1.0.0. TextPart markdown plugins did change. See TextPart markdown.

useChat is not re-exported from the shim. Import it from @tanstack/ai-react, or the matching framework package.

Why

A separate *-ui package split chat UI from the framework package. Form uses createFormHook on @tanstack/react-form. Table uses createTableHook on @tanstack/react-table. Chat now sits on @tanstack/ai-react/ui for the same reason.

Minimum versions

New imports:

@tanstack/ai-react (next minor) /ui
@tanstack/ai-solid (next minor) /ui
@tanstack/ai-vue (next minor) /ui
@tanstack/ai-svelte (next minor) /ui
@tanstack/ai-preact (next minor) /ui
@tanstack/ai-octane (next minor) /ui
@tanstack/ai-angular (next minor) /ui
@tanstack/ai-remix (next minor) /ui

Deprecated re-exports, removed in 1.0.0:

@tanstack/ai-react-ui 0.9.0
@tanstack/ai-solid-ui 0.8.0
@tanstack/ai-vue-ui 0.3.0

Coexistence

Old *-ui packages and new /ui imports can live in the same app until 1.0.0. Do not mix them in one chat tree.

Typed chat UI

The /ui subpath also exports createChatHook, a typed headless chat UI that derives tool, part, and interrupt components from your chat options. It is new, not a replacement you need to move to. The components above keep working. See the React UI guide for how it fits together, and Solid, Vue, Svelte, Preact, Octane, Remix, or Angular for the other adapters.