Accessing Route.fullPath from outside the route file (for relative navigation in other components)

// routes/_protected/reviews/$reviewId/route.tsx
export const Route = createFileRoute("/_protected/reviews/$reviewId")({
  component: ReviewLayout,
});

function ReviewLayout() {
  return (
    <>
      <Sidenav />
      <Outlet />
    </>
  );
}

function Sidenav() {
  // This works perfectly - no need to pass params, they're inferred
  return (
    <Link from={Route.fullPath} to="overview">Overview</Link>
    <Link from={Route.fullPath} to="analytics">Analytics</Link>
    <Link from={Route.fullPath} to="settings">Settings</Link>
  );
}

// components/ReviewSidenav.tsx
const route = getRouteApi("/_protected/reviews/$reviewId");

function Sidenav() {
  const params = route.useParams(); // ✅ works
  
  // ❌ route.fullPath doesn't exist on RouteApi
  return (
    <Link from={route.fullPath} to="overview">Overview</Link>
  );
}