The useAuth() hook provides access to the current user’s authentication state.

​
Returns

An object with the following properties:

isLoading
boolean

A boolean indicating whether the authentication state is still being loaded.

user
User | null

The User object of the currently authenticated user, or null if the user is not authenticated.

isAuthenticated
boolean

A boolean indicating whether the user is authenticated.

login
function

A function that can be called to initiate the login process.

logout
function

A function that can be called to initiate the logout process.

​
Examples

import { useAuth } from "@kobbleio/next/client";

export default function MyComponent() {
    const { isLoading, user, isAuthenticated } = useAuth();

    if (isLoading) {
        return <p>Loading...</p>;
    }

    if (isAuthenticated) {
        return (
            <div>
                <p>Welcome, {user.name}!</p>
            </div>
        );
    }

    return (
        <div>
            <p>You are not logged in.</p>
        </div>
    );
}
<ProfileLink />useAccessControl()