36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
// Grey Haven Studio - TanStack Router Root Route Template
|
|
// Copy this template for __root.tsx
|
|
|
|
import { Outlet, createRootRoute } from "@tanstack/react-router";
|
|
import { TanStackRouterDevtools } from "@tanstack/router-devtools";
|
|
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
|
|
import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
|
|
|
|
// Create QueryClient with Grey Haven defaults
|
|
const queryClient = new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
staleTime: 60000, // 1 minute default
|
|
retry: 1,
|
|
refetchOnWindowFocus: false,
|
|
},
|
|
},
|
|
});
|
|
|
|
export const Route = createRootRoute({
|
|
component: RootComponent,
|
|
});
|
|
|
|
function RootComponent() {
|
|
return (
|
|
<QueryClientProvider client={queryClient}>
|
|
<div className="min-h-screen bg-background">
|
|
<Outlet /> {/* Child routes render here */}
|
|
</div>
|
|
{/* Dev tools (only in development) */}
|
|
<ReactQueryDevtools initialIsOpen={false} />
|
|
<TanStackRouterDevtools position="bottom-right" />
|
|
</QueryClientProvider>
|
|
);
|
|
}
|