pro/src/_authenticatedRoute.tsx

import { isAuthenticated } from '@/utils/auth.ts'
import { createFileRoute, redirect } from '@tanstack/react-router'

export const AuthenticatedRoute = createFileRoute('/_authenticated')({
  beforeLoad: async ({ location }) => {
    if (!isAuthenticated()) {
      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,
        },
      })
    }
  },
})