using the useSession hook with react/next

import { createAuthClient } from "better-auth/client";

export const authClient = createAuthClient({
  baseURL: "http://localhost:3001",
});
export const { useSession } = authClient;

...
import { useSession } from "@/lib/auth";


export function Sidebar({ className = "" }: SidebarProps) {
 
  const usesessionhook = useSession();
console.log("session", usesessionhook);
...

This expression is not callable.
  No constituent of type 'Atom<{ data: { user: { id: string; name: string; email: string; emailVerified: boolean; createdAt: Date; updatedAt: Date; image?: string | null | undefined; }; session: { id: string; createdAt: Date; ... 5 more ...; userAgent?: string | ... 1 more ... | undefined; }; } | null; error: BetterFetchError | null; isPendi...' is callable