Error & RetryNew

$pnpm dlx shadcn@latest add @nextui/error-retry

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 { useState } from "react";
4import { useChat } from "@ai-sdk/react";
5import { ErrorRetry } from "@/components/nextui/error-retry";
6
7export function ChatError() {
8  const { error, regenerate, clearError, status } = useChat();
9  const [attempt, setAttempt] = useState(1);
10  if (!error && status !== "submitted") return null;
11
12  const rateLimited = /429|rate/i.test(error?.message ?? "");
13  return (
14    <ErrorRetry
15      kind={rateLimited ? "rate_limit" : "unknown"}
16      code={rateLimited ? "429" : undefined}
17      details={error?.message}
18      status={status === "submitted" ? "retrying" : attempt > 3 ? "failed" : "waiting"}
19      retryIn={rateLimited ? 10 : 3}
20      attempt={attempt}
21      maxAttempts={3}
22      onRetry={() => {
23        setAttempt((a) => a + 1);
24        regenerate();
25      }}
26      onDismiss={clearError}
27    />
28  );
29}