@8base-react/auth

The 8base React Auth package contains a provider with authentication state and auth helpers.

Usage no npm install needed!

<script type="module">
  import 8baseReactAuth from 'https://cdn.skypack.dev/@8base-react/auth';
</script>

README

8base Auth

The 8base React Auth package contains a provider with authentication state and auth helpers.

AuthProvider

Table of Contents

AuthProvider

Extends React.Component

Provides access to the authentication state.

Parameters

  • props AuthProviderProps

Properties

  • children React$Node Children of the provider.
  • authClient AuthClient Instance of the auth client.

Usage

import { AuthContext, AuthProvider, type AuthContextProps } from '@8base/react-auth';
import { WebAuth0AuthClient } form '@8base/web-auth0-auth-client';

  const authClient = new WebAuth0AuthClient({
    domain: 'domain',
    clientId: 'client-id',
    redirectUri: `${window.location.origin}/auth/callback`,
    logoutRedirectUri: `${window.location.origin}/auth`,
    workspaceId: 'workspace-id',
  });

  <AuthProvider authClient={ authClient }>
    ...
      <AuthContext.Consumer>
        {
          (auth: AuthContextProps) => (<div />)
        }
      </AuthContext.Consumer>
    ...  
  </AuthProvider>