+ ),
+ defaultErrorComponent: ({ error }) => ,
+ context: {
+ auth: undefined!, // We'll inject this when we render
+ queryClient: queryClient, // Type assertion to fix the type mismatch
+ },
+ defaultPreload: 'intent',
+ // Since we're using Solid Query, we don't want loader calls to ever be stale
+ // This will ensure that the loader is always called when the route is preloaded or visited
+ defaultPreloadStaleTime: 0,
+ scrollRestoration: true,
+})
+
+declare module '@tanstack/solid-router' {
+ interface Register {
+ router: typeof router
+ }
+}
+
+function App() {
+ // This stuff is just to tweak our sandbox setup in real-time
+ const [loaderDelay, setLoaderDelay] = useSessionStorage('loaderDelay', 500)
+ const [pendingMs, setPendingMs] = useSessionStorage('pendingMs', 1000)
+ const [pendingMinMs, setPendingMinMs] = useSessionStorage('pendingMinMs', 500)
+
+ return (
+ <>
+
+ )
+}
diff --git a/examples/solid/kitchen-sink-solid-query-file-based/src/routes/_auth.tsx b/examples/solid/kitchen-sink-solid-query-file-based/src/routes/_auth.tsx
new file mode 100644
index 0000000000..a5b98f8631
--- /dev/null
+++ b/examples/solid/kitchen-sink-solid-query-file-based/src/routes/_auth.tsx
@@ -0,0 +1,26 @@
+import { createFileRoute, redirect } from '@tanstack/solid-router'
+import { auth } from '../utils/auth'
+
+export const Route = createFileRoute('/_auth')({
+ // Before loading, authenticate the user via our auth context
+ // This will also happen during prefetching (e.g. hovering over links, etc)
+ beforeLoad: ({ context, location }) => {
+ // If the user is logged out, redirect them to the login page
+ if (context.auth.status === 'loggedOut') {
+ throw redirect({
+ to: '/login',
+ search: {
+ // Use the current location to power a redirect after login
+ // (Do not use `router.state.resolvedLocation` as it can
+ // potentially lag behind the actual current location)
+ redirect: location.href,
+ },
+ })
+ }
+
+ // Otherwise, return the user in context
+ return {
+ username: auth.username,
+ }
+ },
+})
diff --git a/examples/solid/kitchen-sink-solid-query-file-based/src/routes/_pathlessLayout.route-a.tsx b/examples/solid/kitchen-sink-solid-query-file-based/src/routes/_pathlessLayout.route-a.tsx
new file mode 100644
index 0000000000..c1c392cbad
--- /dev/null
+++ b/examples/solid/kitchen-sink-solid-query-file-based/src/routes/_pathlessLayout.route-a.tsx
@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/solid-router'
+
+export const Route = createFileRoute('/_pathlessLayout/route-a')({
+ component: LayoutAComponent,
+})
+
+function LayoutAComponent() {
+ return