Kabeer Comments - Answer Overflow

Kabeer

•Created by Risatoga on 3/7/2025 in #bug-reports

useSession not reactive?

// Method 2: Using direct object methods - This works too
authClient.signIn(...);
authClient.useSession();

// Method 2: Using direct object methods - This works too
authClient.signIn(...);
authClient.useSession();

I was using this across the code base , but still had the same problem Currenly my fix - calling refetch in root wrapper (seems to work)

export default function AppWrapper({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  const { data, isPending, refetch } = authClient.useSession();

  useLayoutEffect(() => {
    useSettings.persist.rehydrate();
    refetch(); // <- Added This
  }, []);

  console.log(isPending);

  return (
    <>
     <Navbar/>
      {children}
      {isPending && <PageLoader />}
    </>
  );
}
function PageLoader() {
  return (
    <div className="fixed inset-0 z-50 grid place-items-center">
      <div className="bg-foreground/40 absolute inset-0 backdrop-blur-xs" />
      <LoaderCircle
        className="text-border relative z-50 animate-spin"
        size={70}
      />
    </div>
  );
}

export default function AppWrapper({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  const { data, isPending, refetch } = authClient.useSession();

  useLayoutEffect(() => {
    useSettings.persist.rehydrate();
    refetch(); // <- Added This
  }, []);

  console.log(isPending);

  return (
    <>
     <Navbar/>
      {children}
      {isPending && <PageLoader />}
    </>
  );
}
function PageLoader() {
  return (
    <div className="fixed inset-0 z-50 grid place-items-center">
      <div className="bg-foreground/40 absolute inset-0 backdrop-blur-xs" />
      <LoaderCircle
        className="text-border relative z-50 animate-spin"
        size={70}
      />
    </div>
  );
}

45 replies

BABetter Auth

•Created by Kabeer on 3/22/2025 in #help

Wierd behaviour, isPending from useSession not triggering

// Method 2: Using direct object methods - This works too
authClient.signIn(...);
authClient.useSession();

// Method 2: Using direct object methods - This works too
authClient.signIn(...);
authClient.useSession();

Im currently using this method across everywhere. But still same, (It still has reactivity issues)(Sometimes) i tried setting up a simple POC, But everything seem to be working fine (Couldn't replicate the issue) ill look into my codebase further, will update further if i find the cause

5 replies

BABetter Auth

•Created by Kabeer on 1/25/2025 in #bug-reports

Failed to get session, when remember me is checked

My bad. wierd but i had this database hook to update lastActive of user

  databaseHooks: {
    session: {
      update: {
        before: async (session) => {
          await db
            .update(users)
            .set({
              lastActive: new Date(),
            })
            .where(eq(users.id, session.userId!));
        },
      },
    },
  },

  databaseHooks: {
    session: {
      update: {
        before: async (session) => {
          await db
            .update(users)
            .set({
              lastActive: new Date(),
            })
            .where(eq(users.id, session.userId!));
        },
      },
    },
  },