import { Links, Meta, Outlet, Scripts, ScrollRestoration, isRouteErrorResponse, useRouteError } from "react-router";
import "./app.css";
import { DebugPanel } from "./components/debug-panel";
export function ErrorBoundary() {
const error = useRouteError();
// Get error details
const isResponse = isRouteErrorResponse(error);
const status = isResponse ? error.status : 500;
const statusText = isResponse ? error.statusText : "Internal Server Error";
const message = isResponse
? `${error.status} ${error.statusText}`
: error instanceof Error
? error.message
: String(error);
const stack = error instanceof Error ? error.stack : undefined;
// Log error details for debugging
if (typeof console !== "undefined") {
console.error("\n" + "=".repeat(80));
console.error("[ERROR_BOUNDARY]", new Date().toISOString());
console.error(`Status: ${status} ${statusText}`);
console.error(`Message: ${message}`);
if (stack) console.error("Stack:\n" + stack);
if (error && typeof error === "object") {
console.error("Full Error Object:", error);
}
console.error("=".repeat(80) + "\n");
}
return (
{status} Fehler
{statusText}
{message}
{import.meta.env.DEV && stack && (
Stack Trace (Dev Only)
{stack}
)}
);
}
export function Layout({ children }: { children: React.ReactNode }) {
return (
Annas Rechnungsmanager
{children}
);
}
export default function App() {
return (
<>
);
}