"use client"; import { useEffect } from "react"; import { AlertTriangle, RefreshCw, ChevronDown } from "lucide-react"; /** * src/app/error.tsx — Global Error Boundary (Next.js App Router) * Se activa cuando un Server Component o Client Component lanza un error no capturado. * En modo testing muestra el stack completo; en producción muestra un mensaje genérico. */ export default function GlobalError({ error, reset, }: { error: Error & { digest?: string }; reset: () => void; }) { const isDebug = process.env.NODE_ENV !== "production" || typeof window !== "undefined" && window.location.search.includes("debug=1"); useEffect(() => { // Log al servidor vía console (capturado por cPanel) console.error("[GlobalError]", error); }, [error]); return (
{/* Cabecera */}

Error en la aplicación

{isDebug ? "Modo debug activo — detalles completos" : "Ocurrió un error inesperado"}

{/* Mensaje principal */}

{error.message || "Error desconocido"}

{error.digest && (

Digest: {error.digest}

)}
{/* Stack trace — solo en debug */} {isDebug && error.stack && (
Stack Trace 
                {error.stack}
)} {/* Variables de entorno relevantes — solo en debug */} {isDebug && (
Entorno
NODE_ENV: {process.env.NODE_ENV}
NEXTAUTH_URL: {process.env.NEXTAUTH_URL || "—"}
DATABASE_URL: {process.env.DATABASE_URL ? "✅ definida" : "❌ no definida"}
)} {/* Acciones */}
Ir al inicio {isDebug && ( Ver logs del servidor )}
); }