"use client"; import * as Sentry from "@sentry/nextjs"; import { useEffect, useState } from "react"; import { copyToClipboard } from "@/lib/clipboard"; import { traduzir } from "@/lib/i18n/dicionario"; import { IDIOMA_PADRAO, idiomaDelNavegador, type Idioma } from "@/lib/i18n/idiomas"; export default function GlobalError({ error, reset, }: { error: Error & { digest?: string }; reset: () => void; }) { const [eventId, setEventId] = useState(undefined); const [copied, setCopied] = useState(false); // Parte do padrão (igual ao do servidor) e ajusta depois de montar, para não // quebrar a hidratação do único componente que não pode falhar. const [idioma, setIdioma] = useState(IDIOMA_PADRAO); useEffect(() => { setIdioma(idiomaDelNavegador(navigator.languages ?? [navigator.language])); }, []); useEffect(() => { const id = Sentry.captureException(error); setEventId(id); }, [error]); const displayId = eventId ?? error.digest ?? "—"; return (

{traduzir("Algo deu errado", idioma)}

{traduzir( "Tente novamente em instantes. Se persistir, contate o suporte com o ID abaixo.", idioma, )}

ID: {displayId}
); }