auth-context-snippet.ts

const { state, signIn, signOut } = useAuthContext();

.....

{
    state?.isAuthenticated ? 
    (
        <button
            className="inline-flex items-center justify-center h-12 px-6 font-medium tracking-wide text-white transition duration-200 rounded shadow-md bg-deep-purple-accent-400 hover:bg-deep-purple-accent-700 focus:shadow-outline focus:outline-none"
            aria-label="Sign up"
            title="Sign up"
            onClick={() => signOut()}
        >
            Sign Out
        </button>
    ) :
    (
        <button
            className="inline-flex items-center justify-center h-12 px-6 font-medium tracking-wide text-white transition duration-200 rounded shadow-md bg-deep-purple-accent-400 hover:bg-deep-purple-accent-700 focus:shadow-outline focus:outline-none"
            aria-label="Sign up"
            title="Sign up"
            onClick={() => signIn()}
        >
            Sign In
        </button>
    )
}