"[object Object]" is not valid JSON

import { auth } from "@/lib/auth";
import { headers } from "next/headers";
export default async function Home() {
  const session = await auth.api.getSession({
    headers: await headers(),
  });
  console.log({ session });
  // rest of the page code
}

"use client";
import { authClient } from "@/lib/auth/auth-client";
export default function UserBtn() {
  const data = authClient.useSession();
  console.log(data);
  // rest of the component code
}