LogoLogo
  • Welcome to OneAuxilia Docx
  • UI Component
    • Overview
    • <OneAuxiliaProvider>
    • Authentication Components
      • <SignIn />
      • <SignUp />
      • <GoogleOneTap />
    • User Components
      • <UserButton />
      • <UserProfile />
    • Organization Components
      • <CreateOrganization />
      • <OrganizationProfile />
      • <OrganizationSwitcher />
      • <OrganizationList />
    • Control Components
      • <AuthenticateWithRedirectCallback />
      • <OneAuxiliaLoaded>
      • <OneAuxiliaLoading>
      • <Protect>
      • <MultisessionAppSupport>
      • <RedirectToSignIn />
      • <RedirectToSignUp />
      • <RedirectToUserProfile />
      • <RedirectToOrganizationProfile />
      • <RedirectToCreateOrganization />
      • <SignedIn>
      • <SignedOut>
    • Unstyled Components
      • <SignInButton>
      • <SignInWithMetamaskButton>
      • <SignUpButton>
      • <SignOutButton>
  • Quick Start
  • Users
    • Overview
    • Metadata
    • Delete User
  • Organization
    • Organization, Role and Permission
      • Overview
      • Role and Permission
      • Guides
        • Create Role and assign Permission
        • Verify the active user's permission
        • Reassign the Creator role
      • Building custom flow
    • Multi Tenant Setting
  • Application
    • Application
    • User Portal
  • Authentication
    • Setting
    • Social Connectors
    • Multi Factor
  • Customize
    • Branding
    • Sign Up vs Sign In
      • Overview
      • Configuration
        • Sign-up and Sign-in options
        • Session Option
        • Email and SMS templates
      • Social Connection
        • Overview
        • Social connections (OAuth)
        • Account Linking
        • Setup Social Account Linking
  • Development
    • API Key
    • Local Path
    • Custom JWT templates
    • Domain
    • Webhook
    • Backend Request
      • Overview
      • Making requests
        • Same-origin requests
        • Cross-origin requests
        • Customize your session token
      • Handling requests
        • Manual JWT verification
      • Session Management
  • SDK References
    • React
      • Overview
      • Guides
        • Add React Router
      • Client-side Helpers
        • useUser()
        • useOneAuxilia()
        • useAuth()
        • useSignIn()
        • useSignUp()
        • useSession()
        • useSessionList()
        • useOrganization()
        • useOrganizationList()
  • API References
    • Open API
  • industry reference
    • Ecommerce
    • Broadcasting
    • IoT
Powered by GitBook
On this page
  • OneAuxilia React SDK
  • Setting up OneAuxilia React
PreviousReactNextGuides

Last updated 10 months ago

OneAuxilia React SDK

OneAuxilia React is a wrapper around OneAuxiliaJS. It is the recommended way to integrate OneAuxilia into your React application.

Warning

If you are using Next.js, please make sure to install @oneauxilia/nextjs as @oneauxilia/oneauxilia-react is incompatible. See the Next.js documentation for more information.

OneAuxilia React provides React.js implementations of OneAuxilia Components; highly customizable, pre-built components that you can use to build beautiful user management applications. You can find display components for building sign-in, sign-up, account switching, and user profile management pages as well as flow control components that act as helpers for implementing a seamless authentication experience.

OneAuxilia React comes loaded with custom hooks. These hooks give you access to the OneAuxilia object, and a set of useful helper methods for signing in and signing up.

Setting up OneAuxilia React

You need to create a OneAuxilia application in your OneAuxilia Dashboard before you can set up OneAuxilia React. For more information, check out the .

Once a OneAuxilia application has been created, you can install and then start using OneAuxilia React in your application. The will have all the information you need to get started.

Set up your application guide
quickstart guide