AuthProvider

React-Kontext-Provider, der Ihre Anwendung umschließt und allen Komponenten den Authentifizierungsstatus bereitstellt.

Überblick

Die AuthProvider-Komponente erstellt einen React-Kontext, der den Authentifizierungsstatus verwaltet, automatische Token-Aktualisierung durchführt und Auth-Methoden über Hooks an alle untergeordneten Komponenten weitergibt. Alle clientseitigen Hooks (useAuth, useSession, useMfa) erfordern, dass AuthProvider im Komponentenbaum vorhanden ist.

Grundlegende Verwendung

import { AuthProvider } from 'authsafe-nextjs';

export default function RootLayout({ children }) {
  return (
    <AuthProvider
      config={{
        clientId: process.env.NEXT_PUBLIC_AUTHSAFE_CLIENT_ID,
        domain: process.env.NEXT_PUBLIC_AUTHSAFE_DOMAIN,
      }}
    >
      {children}
    </AuthProvider>
  );
}