Getting session null in tanstack start beforeLoad

import { Navbar } from "@/components/navbar";
import { createFileRoute } from "@tanstack/react-router";
import { authClient } from "@/lib/auth-client";
import { redirect } from "@tanstack/react-router";

export const Route = createFileRoute("/")({
  component: App,
  beforeLoad: async () => {
    const session = await authClient.getSession();
    console.log(session.data?.user);
    if (!session.data?.user) {
      throw redirect({
        to: "/sign-in",
      });
    }
  },
});

function App() {
  return (
    <div className="min-h-screen">
      <Navbar />
    </div>
  );
}

import { Navbar } from "@/components/navbar";
import { createFileRoute } from "@tanstack/react-router";
import { authClient } from "@/lib/auth-client";
import { redirect } from "@tanstack/react-router";

export const Route = createFileRoute("/")({
  component: App,
  beforeLoad: async () => {
    const session = await authClient.getSession();
    console.log(session.data?.user);
    if (!session.data?.user) {
      throw redirect({
        to: "/sign-in",
      });
    }
  },
});

function App() {
  return (
    <div className="min-h-screen">
      <Navbar />
    </div>
  );
}