import type { LinksFunction } from "@remix-run/node"; import { Links, Meta, Outlet, Scripts, ScrollRestoration, isRouteErrorResponse, useRouteError } from "@remix-run/react"; import type { PropsWithChildren } from "react"; import stylesheet from "bootstrap/dist/css/bootstrap.min.css?url"; export const links: LinksFunction = () => [ { rel: "stylesheet", href: stylesheet }, ]; import { Col, Container, Row } from "react-bootstrap"; function Document({ children, title = "K-FRIDGE", }: PropsWithChildren<{ title?: string}>) { return ( {children} ); } export default function App() { return ( ); } export function ErrorBoundary() { const error = useRouteError(); if (isRouteErrorResponse(error)) { return (

{error.status}

{error.statusText}
); } const errorMessage = error instanceof Error ? error.message : "Unknown error"; return (

App Error

{errorMessage}
); }