@authaz/react

React SDK for Authaz authentication - Client-side only.

Installation

npm install @authaz/react @authaz/sdk
# or
pnpm add @authaz/react @authaz/sdk
# or
yarn add @authaz/react @authaz/sdk

Usage

Provider Setup

import { AuthazProvider } from '@authaz/react';

function App() {
  return (
    <AuthazProvider basePath="/api/auth">
      <YourApp />
    </AuthazProvider>
  );
}

Using Hooks

import { useAuthaz, useUser, useSession } from '@authaz/react';

function Profile() {
  const { user, isLoading, isAuthenticated } = useAuthaz();
  
  if (isLoading) return <div>Loading...</div>;
  if (!isAuthenticated) return <div>Not authenticated</div>;
  
  return <div>Hello, {user?.name}</div>;
}

Components

import { SignInButton, SignOutButton, UserButton } from '@authaz/react';

function Header() {
  return (
    <nav>
      <SignInButton />
      <SignOutButton />
      <UserButton />
    </nav>
  );
}

Documentation

For full documentation, visit https://authaz.io/docs

License

MIT