Function Chat

packages/ai-react-ui/src/chat.tsx:65–95

({
  children,
  className,
  connection,
  initialMessages,
  id,
  body,
  onResponse,
  onChunk,
  onFinish,
  onError,
}: ChatProps)

 * ```
 */
export function Chat({
  children,
  className,
  connection,
  initialMessages,
  id,
  body,
  onResponse,
  onChunk,
  onFinish,
  onError,
}: ChatProps) {
  const chat = useChat({
    connection,
    ...(initialMessages !== undefined ? { initialMessages } : {}),
    ...(id !== undefined ? { id } : {}),
    ...(body !== undefined ? { body } : {}),
    ...(onResponse !== undefined ? { onResponse } : {}),
    ...(onChunk !== undefined ? { onChunk } : {}),
    ...(onFinish !== undefined ? { onFinish } : {}),
    ...(onError !== undefined ? { onError } : {}),
  })

  return (
    <ChatContext.Provider value={chat}>
      <div className={className} data-chat-root>
        {children}
      </div>
    </ChatContext.Provider>
  )
}