Tanstack-start + cloudflare + better-auth issues

import { authClient } from "@/lib/auth-client";
import { createFileRoute, Outlet, redirect } from "@tanstack/react-router";
import { createServerFn } from "@tanstack/react-start";
import { getRequestHeaders } from "@tanstack/react-start/server";
import { createAuthClient } from "better-auth/react";

// Get current user
export const getCurrentUserFn = createServerFn({ method: "GET" }).handler(async ({ context }) => {
  const headers = await getRequestHeaders();
  console.log("headers ->", headers);

  // const cookies = await getRequestCookies();
  const cookieHeader = headers.get("cookie");
  console.log("cookieHeader ->", cookieHeader);

  const sessionData = await authClient.getSession({
    fetchOptions: {
      headers: headers,
      credentials: "include",
    },
  });

  console.log("sessionData ->", sessionData);
  const { data, error } = sessionData;

  if (error) {
    console.log("error", error);
    return null;
  }

  return {
    user: data?.user,
    session: data?.session,
  };
});

export const Route = createFileRoute("/_authenticated")({
  component: AuthenticatedLayout,
  // server: {
  // middleware: [authMiddleware],
  // },
  beforeLoad: async () => {
    const session = await getCurrentUserFn();
    console.log("session ->", session);

    if (!session) {
      // throw redirect({ to: "/auth/login" });
    }

    return { session };
  },
});

function AuthenticatedLayout() {
  return <Outlet />;
}