1/** @jsxImportSource react */
2import { Link, Outlet } from "react-router";
3
4export function Layout({ children }: { children: React.ReactNode }) {
5 return (
6 <html lang="en">
7 <head>
8 <meta charSet="utf-8" />
9 <meta name="viewport" content="width=device-width, initial-scale=1" />
10 <title>React Router Vite</title>
11 </head>
12 <body>
13 <header>
14 <nav aria-label="Fixture routes">
15 <Link to="/">Home</Link>
16 {" | "}
17 <Link to="/about">About</Link>
18 </nav>
19 </header>
20 {children}
21 </body>
22 </html>
23 );
24}
25
26export default function Component() {
27 return <Outlet />;
28}
29
30export function ErrorBoundary({ error }: { error?: unknown }) {
31 return (
32 <main>
33 <h1>React Router RSC fixture error</h1>
34 <pre>{error instanceof Error ? error.message : String(error)}</pre>
35 </main>
36 );
37}