import {
HeadContent,
Outlet,
Scripts,
createRootRouteWithContext,
} from "@tanstack/solid-router";
import { TanStackRouterDevtools } from "@tanstack/solid-router-devtools";
import { QueryClientProvider, QueryClient } from "@tanstack/solid-query";
import "@fontsource/inter/400.css";
import { HydrationScript } from "solid-js/web";
import { Suspense } from "solid-js";
import styleCss from "~/styles.css?url";
import Header from "~/components/Header";
import { ThemeProvider } from "~/components/theme-provider";
export interface MyRouterContext {
queryClient: QueryClient;
}
export function ErrorComponent({ error }: { error: Error }) {
console.log(error);
return Error: {error.message}
;
}
export const Route = createRootRouteWithContext()({
head: () => ({
links: [{ rel: "stylesheet", href: styleCss }],
}),
shellComponent: RootComponent,
errorComponent: ErrorComponent,
});
function RootComponent() {
const context = Route.useRouteContext();
return (
);
}