import { isRouteErrorResponse, Links, Meta, Outlet, Scripts, ScrollRestoration } from 'react-router'; import type { Route } from './+types/root'; import '@radix-ui/themes/styles.css'; import './app.css'; // start: react-toastify special import // ! MUST use unstyled version for dev server build, styled version for production build is handled in vite.config.ts import { ToastContainer } from 'react-toastify/unstyled'; import 'react-toastify/ReactToastify.css'; // end: react-toastify special import import AppTheme from './components/theme'; import { ApiProvider } from './providers/ApiProvider'; import { LayoutProvider } from './providers/LayoutProvider'; import { Tooltip } from 'radix-ui'; import { AuthProvider } from './providers/AuthProvider'; import { ApiHealthProvider } from './providers/ApiHealthProvider'; export const links: Route.LinksFunction = () => []; export function Layout({ children }: { children: React.ReactNode }) { return ( {children} ); } export default function App() { return ( <> ); } export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) { let message = 'Oops!'; let details = 'An unexpected error occurred.'; let stack: string | undefined; if (isRouteErrorResponse(error)) { message = error.status === 404 ? '404' : 'Error'; details = error.status === 404 ? 'The requested page could not be found.' : error.statusText || details; } else if (import.meta.env.DEV && error && error instanceof Error) { details = error.message; stack = error.stack; } return (

{message}

{details}

{stack && (
          {stack}
        
)}
); }