Initial commit

skills/tanstack-patterns/templates/root-route.tsx

@@ -0,0 +1,35 @@
+// 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>
+  );
+}