ยฉ 2026 Hedgehog Software, LLC
app.tsx
import { Router, useSubmission } from "@solidjs/router"; import { FileRoutes } from "@solidjs/start/router"; import { Suspense } from "solid-js"; import { MetaProvider } from "@solidjs/meta"; import Header from "./components/ui/Header"; import Sidebar from "./components/ui/Sidebar"; import { createNote } from "./lib"; import "@fontsource/inter"; import "@fontsource-variable/jetbrains-mono"; import "./app.css"; const App = () => { const submission = useSubmission(createNote); return ( <Router root={(props) => ( <MetaProvider> <Suspense> <main class="w-full flex flex-col"> <form action={createNote}> <Header /> <div class="flex"> <Sidebar pending={submission.pending} /> {props.children} </div> </form> </main> </Suspense> </MetaProvider> )} > <FileRoutes /> </Router> ); }; export default App;
<A> and 'use' router primitives can be only used inside a Route.