React

Code example

import { useChat } from "@ai-sdk/react";

export function Example() {
  const { messages, input, handleInputChange, handleSubmit } = useChat();
  return (
    <form onSubmit={handleSubmit}>
      {messages.map((m) => (
        <p key={m.id}>{m.role}: {m.content}</p>
      ))}
      <input value={input} onChange={handleInputChange} />
    </form>
  );
}

Pros & cons

FAQs