Next Auth Refresh Session Token is not working

"use client";

import { useEffect, useRef, useTransition } from "react";
import { useSession } from "next-auth/react";
import { useRouter } from "next/navigation";

export default function UpgradingAccount() {
  const router = useRouter();
  const [isPending, startTransition] = useTransition();
  const { update } = useSession();
  useEffect(() => {
    startTransition(async () => {
      await update();
      router.refresh();
    });
  }, []);
  return <div>loading</div>;
}

"use client";

import { useEffect, useRef, useTransition } from "react";
import useUpdateRole from "./useUpdateRole";
import { useSession } from "next-auth/react";
import { useRouter } from "next/navigation";

export default function UpgradingAccount() {
  const ref = useRef<HTMLDivElement>(null);
  const router=useRouter()
  const { update } = useSession();
  useEffect(() => {
    ref.current?.click();
  }, []);
  return (
    <div
      ref={ref}
      onClick={async () => {
        await update();
        router.refresh();
      }}
    >
      loading
    </div>
  );
}