useUser()
import { useUser } from '@auth/clerk'- useUser()
Access the currently signed-in Clerk user object with a universal import path.
Usage
Greeting.tsx
import { useUser } from '@auth/clerk'
export const Greeting = () => {
const { isLoaded, isSignedIn, user } = useUser()
if (!isLoaded || !isSignedIn) return null
return <Text>Hello, {user.firstName || user.username || 'there'}!</Text>
}API
Returned values
isLoaded: boolean— Whether the user data is hydrated.isSignedIn: boolean— Whether a user is signed in.user?: UserResource— The Clerk user object when signed in.
See official docs for the full user shape: https://clerk.com/docs/nextjs/reference/hooks/use-user