import { type FunctionComponent, type PropsWithChildren } from "react"; import type { LinksFunction } from "@remix-run/node"; import { Link, Links, LiveReload, Meta, Outlet, Scripts, ScrollRestoration, useCatch } from "@remix-run/react"; import Logo from "~/features/core/components/logo"; import styles from "./styles/tailwind.css"; export const links: LinksFunction = () => [{ rel: "stylesheet", href: styles }]; export default function App() { return ( ); } // https://remix.run/docs/en/v1/api/conventions#errorboundary export function ErrorBoundary({ error }: { error: Error }) { console.error(error); return (

There was an error

{error.message}

); } // https://remix.run/docs/en/v1/api/conventions#catchboundary export function CatchBoundary() { const caught = useCatch(); let message; switch (caught.status) { case 401: message =

Oops! Looks like you tried to visit a page that you do not have access to.

; break; case 404: message =

Oops! Looks like you tried to visit a page that does not exist.

; break; default: throw new Error(caught.data || caught.statusText); } return (

{caught.status}: {caught.statusText}

{message}
); } const Document: FunctionComponent> = ({ children }) => ( {children} );