passkey-fullstack-react

React hooks and components for Passkey authentication, built on top of @simplewebauthn/browser.

Installation

npm install passkey-fullstack-react

Usage

usePasskey Hook

import { usePasskey } from 'passkey-fullstack-react';

function Login() {
  const { register, authenticate } = usePasskey({
    endpoints: {
      registerInit: '/api/auth/register-options',
      registerVerify: '/api/auth/register-verify',
      authInit: '/api/auth/auth-options',
      authVerify: '/api/auth/auth-verify',
    },
  });

  return (
    <div>
      <button onClick={() => register({ username: '[email protected]' })}>
        Sign Up with Passkey
      </button>
      <button onClick={() => authenticate({ username: '[email protected]' })}>
        Log In with Passkey
      </button>
    </div>
  );
}