Clerk React SDK

The Clerk React SDK is built on top of the JavaScript SDK and gives you access to prebuilt components, hooks, and helpers to make user authentication easier. Refer to the quickstart guide to get started.

Custom hooks

The React SDK provides hooks that include access to the Clerk object, User object, Organization object, and a set of useful helper methods for signing in and signing up.

• useUser()
• useClerk()
• useAuth()
• useSignIn()
• useSignUp()
• useWaitlist()
• useSession()
• useSessionList()
• useOrganization()
• useOrganizationList()
• useOrganizationCreationDefaults()
• useReverification()
• useCheckout()
• usePaymentElement()
• usePaymentMethods()
• usePlans()
• useSubscription()
• usePaymentAttempts()
• useStatements()

Objects

Learn about the key Clerk objects that power many of Clerk's SDKs.

Types

See the reference docs on types to get more information about the different types available for typing your application.

Framework-specific SDKs

Clerk offers framework-specific SDKs that are customized to provide the better developer experience and integration with each framework's features. Choose the appropriate SDK based on your framework:

Set up Clerk React

Before you can add Clerk to your React application, you must create a Clerk app in the Clerk Dashboard. To get started, follow the setup guide. Then, follow the quickstart guide to set up the React SDK in your app.