1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0";
3import React, { useState } from "https://esm.sh/react@18.2.0";
4
5const NO_PHRASES = [
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import React, { useState } from "https://esm.sh/react@18.2.0";
4
5const NO_PHRASES = [
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import React, { useState } from "https://esm.sh/react@18.2.0";
4
5const NO_PHRASES = [
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import React, { useState } from "https://esm.sh/react@18.2.0";
4
5const NO_PHRASES = [
1/** @jsxImportSource npm:react */
2import { Form, Link, Outlet, useLoaderData } from "npm:react-router";
3import { type loader } from "./layout.server.ts";
4
8 <html>
9 <head>
10 <title>React Router Custom Framework</title>
11 </head>
12 <body>
13 <div>
14 <h1>React Router Custom Framework</h1>
15
16 <Form method="post">
1import { ActionFunctionArgs, type LoaderFunctionArgs } from "npm:react-router";
2
3let db = { message: "Hello world!" };
1import { type LoaderFunctionArgs } from "npm:react-router";
2
3export async function loader({ request }: LoaderFunctionArgs) {
1import { ActionFunctionArgs, LoaderFunctionArgs } from "npm:react-router";
2import aboutLoader from "./about.loader.ts";
3import About from "./about.tsx";
1/** @jsxImportSource npm:react */
2
3export default function Home() {
1/** @jsxImportSource npm:react */
2import { renderToString } from "npm:react-dom/server";
3import { createStaticHandler, createStaticRouter, StaticRouterProvider } from "npm:react-router";
4
5import routes from "./routes/index.ts";