import css from "@styles/globals.css?url" import type { QueryClient } from "@tanstack/react-query" import { createRootRouteWithContext, HeadContent, Scripts } from "@tanstack/react-router" import { TanStackRouterDevtools } from "@tanstack/react-router-devtools" import { HeroUIProvider } from "@/integrations/heroui/provider" import { SonnerProvider } from "@/integrations/sonner/provider" import { getUser } from "@/lib/server/user" interface MyRouterContext { queryClient: QueryClient user: null } export const Route = createRootRouteWithContext()({ beforeLoad: async () => { const user = await getUser() return { ...user } }, head: () => ({ meta: [ { charSet: "utf-8" }, { name: "viewport", content: "width=device-width, initial-scale=1" }, { title: "TanStack Start Starter" } ], links: [ { rel: "stylesheet", href: css } ] }), shellComponent: RootDocument }) function RootDocument({ children }: { children: React.ReactNode }) { return ( {children} ) }