import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import { Outlet, Link, createRootRouteWithContext, useRouter, HeadContent, Scripts, } from "@tanstack/react-router"; import appCss from "../styles.css?url"; function NotFoundComponent() { return (

404

Page not found

The page you're looking for doesn't exist or has been moved.

Go home
); } function ErrorComponent({ error, reset }: { error: Error; reset: () => void }) { console.error(error); const router = useRouter(); return (

This page didn't load

Something went wrong on our end. You can try refreshing or head back home.

Go home
); } export const Route = createRootRouteWithContext<{ queryClient: QueryClient }>()({ head: () => ({ meta: [ { charSet: "utf-8" }, { name: "viewport", content: "width=device-width, initial-scale=1" }, { title: "Trackerwave — RTLS & IoT for Smart Hospitals" }, { name: "description", content: "Trackerwave is a healthcare RTLS and IoT platform for real-time tracking of patients, staff and assets across hospital workflows.", }, { name: "author", content: "Trackerwave" }, { property: "og:title", content: "Trackerwave — RTLS & IoT for Smart Hospitals" }, { property: "og:description", content: "Real-time location intelligence for hospitals: patient flow, asset utilisation, workforce efficiency, safety compliance and command-centre analytics.", }, { property: "og:type", content: "website" }, { property: "og:site_name", content: "Trackerwave" }, { name: "twitter:card", content: "summary" }, ], links: [ { rel: "stylesheet", href: appCss, }, ], }), shellComponent: RootShell, component: RootComponent, notFoundComponent: NotFoundComponent, errorComponent: ErrorComponent, }); function RootShell({ children }: { children: React.ReactNode }) { return ( {children} ); } function RootComponent() { const { queryClient } = Route.useRouteContext(); return ( ); }