useAuthCallback
Der useAuthCallback-Hook verarbeitet den OAuth-Callback, nachdem ein Benutzer vom Autorisierungsserver zurückgeleitet wurde.
Grundlegende Verwendung
import { useAuthCallback } from 'authsafe-react';
function CallbackPage() {
const { isLoading, error, isSuccess } = useAuthCallback();
if (isLoading) return <div>Processing login...</div>;
if (error) return <div>Login failed: {error.message}</div>;
if (isSuccess) return <div>Login successful! Redirecting...</div>;
return null;
}Rückgabewerte
| Eigenschaft | Typ | Beschreibung |
|---|---|---|
isLoading | boolean | Ob der Callback verarbeitet wird |
error | Error | null | Fehlerobjekt bei fehlgeschlagener Callback-Verarbeitung |
isSuccess | boolean | Ob der Callback erfolgreich verarbeitet wurde |
Route einrichten
Richten Sie eine Callback-Route in Ihrer Anwendung ein:
// App.tsx
import { BrowserRouter, Route, Routes } from 'react-router-dom';
function App() {
return (
<AuthProvider config={config}>
<BrowserRouter>
<Routes>
<Route path="/" element={<Home />} />
<Route path="/callback" element={<CallbackPage />} />
</Routes>
</BrowserRouter>
</AuthProvider>
);
}Typdefinition
interface IUseAuthCallback {
isLoading: boolean;
error: Error | null;
isSuccess: boolean;
}