import type { QueryClient } from "@tanstack/react-query"; import { ReactQueryDevtools } from "@tanstack/react-query-devtools"; import { createRootRouteWithContext, HeadContent, Outlet, Scripts, } from "@tanstack/react-router"; import { TanStackRouterDevtools } from "@tanstack/react-router-devtools"; import { Toaster } from "@/components/ui/sonner"; import type { orpc } from "@/utils/orpc"; import appCss from "../index.css?url"; export interface RouterAppContext { orpc: typeof orpc; queryClient: QueryClient; } export const Route = createRootRouteWithContext()({ head: () => ({ meta: [ { charSet: "utf-8", }, { name: "viewport", content: "width=device-width, initial-scale=1", }, { title: "My App", }, ], links: [ { rel: "stylesheet", href: appCss, }, ], }), component: RootDocument, }); function RootDocument() { return ( ); }