import { signIn, signOut, useSession } from 'next-auth/client' import {Button} from '@chakra-ui/react' export default function Page() { const [session, loading] = useSession() return <> {!session && <> signIn()}> Sign In >} {session && <> signOut()}> Sign Out >} > }