Skip to main content

useUserSignins

The useUserSignins hook returns the account’s signin sessions and a helper to sign out an individual session.

Return Value

signins
SignIn[] | undefined
Current signin sessions for the user.
loading
boolean
Whether signins are loading.
error
Error | null
Error from the latest request.
removeSignin
(id: string) => Promise<ApiResult>
refetch
() => Promise<void>
Revalidate the signin list.

Example

import { useUserSignins } from "@wacht/react-router";

function SigninList() {
  const { signins, loading, removeSignin, refetch } = useUserSignins();

  if (loading) return <div>Loading...</div>;

  return (
    <ul>
      {(signins ?? []).map((signin) => (
        <li key={signin.id}>
          {signin.client_name ?? signin.id}
          <button onClick={async () => { await removeSignin(signin.id); await refetch(); }}>
            Sign out
          </button>
        </li>
      ))}
    </ul>
  );
}
  • useUser - Load and manage current user profile