archived-linsa/web/app/routes/_layout/_pages/_protected.tsx

import { createFileRoute, Outlet, redirect } from "@tanstack/react-router"

export const Route = createFileRoute("/_layout/_pages/_protected")({
  beforeLoad: async ({ context, location }) => {
    if (!context?.auth?.userId) {
      throw redirect({
        to: "/sign-in/$",
        search: { redirect_url: location.pathname },
      })
    }
  },
  component: () => <Outlet />,
})