Clerk React Router SDK

The Clerk React Router SDK gives you access to prebuilt components, React hooks, and helpers to make user authentication easier. Refer to the quickstart guide to get started.

Client-side helpers

Because the React Router SDK is built on top of the React SDK, you can use the hooks that the React SDK provides. These hooks include access to the Clerk object, User object, Organization object, and a set of useful helper methods for signing in and signing up. Learn more in the React SDK reference.

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

Server-side helpers

The following references show how to integrate Clerk features into applications using React Router server functions and API routes.

• getAuth()
• rootAuthLoader()

React Router implementations

React Router can be integrated with Clerk in two ways:

• As a framework (recommended): Configure your app using Clerk's React Router SDK
• As a library: Manually integrate React Router into your React + Vite app using library mode