Fix auth check (#340)

Author: KyleAMathews

examples/react/projects/README.md

@@ -25,7 +25,7 @@ cp .env.example .env
 
 ## Running the Application
 
-__Note: Docker is required to run this starter__
+**Note: Docker is required to run this starter**
 
 To run this application:
 

examples/react/projects/src/routes/_authenticated/index.tsx

@@ -1,18 +1,29 @@
-import { createFileRoute, useNavigate } from "@tanstack/react-router"
+import { createFileRoute, redirect, useNavigate } from "@tanstack/react-router"
 import { useLiveQuery } from "@tanstack/react-db"
 import { useEffect } from "react"
 import { projectCollection, todoCollection } from "@/lib/collections"
+import { authClient } from "@/lib/auth-client"
 
 export const Route = createFileRoute(`/_authenticated/`)({
   component: IndexRedirect,
   ssr: false,
+  beforeLoad: async () => {
+    const res = await authClient.getSession()
+    if (!res.data?.session) {
+      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,
+        },
+      })
+    }
+  },
   loader: async () => {
-    const timeout = setTimeout(() => {
-      window.location.href = `/login`
-    }, 500)
     await projectCollection.preload()
     await todoCollection.preload()
-    clearTimeout(timeout)
 
     return null
   },