Authenticate with Passkey

The user must have already signed in via another method (e.g. email/password, social, etc.) and added a passkey to their account before they can use it to sign in with.

You can prompt a user to add a passkey to their account using your SDK’s passkey registration method (see SDK-specific Tabs).

Dashboard Configuration

Simply toggle on “Passkey” in the Log in & User Profile section of the dashboard.

Prerequisites

Before this: create and initialize a Dynamic client (see Creating a Dynamic Client, Initializing the Dynamic Client).

Usage

JavaScript

import { signInWithPasskey } from '@dynamic-labs-sdk/client';

// Call signInWithPasskey to prompt the user to authenticate with a passkey.
// Once the user authenticates with the passkey, they will be signed in.

const handlePasskeySignIn = async () => {
  await signInWithPasskey();
};

React

import { useSignInWithPasskey } from '@dynamic-labs-sdk/react-hooks';

function PasskeySignInButton() {
  const { mutate: signInWithPasskey, isPending } = useSignInWithPasskey();

  return (
    <button onClick={() => signInWithPasskey()} disabled={isPending}>
      {isPending ? 'Signing in…' : 'Sign in with passkey'}
    </button>
  );
}