import { Toaster } from "@/components/ui/sonner"; import { ReactQueryDevtools } from "@tanstack/react-query-devtools"; import { HeadContent, Outlet, Scripts, createRootRouteWithContext, useRouterState, } from "@tanstack/react-router"; import { TanStackRouterDevtools } from "@tanstack/react-router-devtools"; import Header from "../components/header"; import appCss from "../index.css?url"; import type { QueryClient } from "@tanstack/react-query"; import type { TRPCOptionsProxy } from "@trpc/tanstack-react-query"; import type { AppRouter } from "../../../server/src/routers"; import Loader from "@/components/loader"; export interface RouterAppContext { trpc: TRPCOptionsProxy; 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() { const isFetching = useRouterState({ select: (s) => s.isLoading }); return (

{isFetching ? : }

); }