Streaming messageNew

$pnpm dlx shadcn@latest add @nextui/streaming-message

1{
2  "registries": {
3    "@nextui": {
4      "url": "https://nextui.dev/r/{name}.json",
5      "headers": { "Authorization": "Bearer ${NEXTUI_TOKEN}" }
6    }
7  }
8}

1"use client";
2
3import { useChat } from "@ai-sdk/react";
4import { StreamingMessage } from "@/components/nextui/streaming-message";
5
6export function Messages() {
7  const { messages, status, stop, regenerate } = useChat();
8
9  return messages.map((message, m) =>
10    message.role === "assistant"
11      ? message.parts.map((part, i) =>
12          part.type === "text" ? (
13            <StreamingMessage
14              key={`${message.id}-${i}`}
15              part={part}
16              onStop={stop}
17              onRegenerate={m === messages.length - 1 && status === "ready" ? () => regenerate() : undefined}
18            />
19          ) : null,
20        )
21      : null,
22  );
23}