Consumer Authentication
/
Frontend SDKs
/
Headless
/
Passkeys & WebAuthn
/
Authenticate
Wraps Stytch's authenticate_start and authenticate WebAuthn endpoints and the navigator.credentials web API. Call this method to prompt the user to enroll a new WebAuthn factor and save the factor in Stytch.
Call webauthn.authenticate inside an event callback triggered by a user gesture.
You can listen for successful user updates anywhere in the codebase with the stytch.user.onChange() method or useStytchUser() hook if you are using React.
import React, { useCallback } from 'react';
import { useStytch } from '@stytch/react';
export const Login = () => {
const stytch = useStytch();
const trigger = useCallback(() => {
stytch.webauthn.authenticate({
session_duration_minutes: 60,
});
}, [stytch]);
return <button onClick={trigger}>Authenticate WebAuthn Registration</button>;
};{
"status_code": 200,
"request_id": "request-id-test-b05c992f-ebdc-489d-a754-c7e70ba13141",
"session": null
"session_jwt": "",
"session_token": "",
"user": {...},
"user_id": "user-test-16d9ba61-97a1-4ba4-9720-b03761dc50c6",
"webauthn_registration_id": "webauthn-registration-test-5c44cc6a-8af7-48d6-8da7-ea821342f5a6",
}