useRegisterPasskey

Recommended: JavaScript SDK with React Hooks

For new React apps, we recommend the JavaScript SDK with React Hooks (@dynamic-labs-sdk/react-hooks) instead of the legacy React SDK documented here. The JS SDK comes with many benefits such as a much smaller bundle size and other optimizations. Use the React quickstart (JavaScript SDK) to get started.

Overview

A React hook that provides a function to register a new passkey for the authenticated user. The hook returns a memoized function that can be called to initiate the passkey registration flow.

Returns

A promise resolving to a VerifyResponse object.

Type Signature

const useRegisterPasskey: () => (() => Promise<VerifyResponse>)

Parameters

None - the hook takes no parameters.

Example Usage

import { useRegisterPasskey } from '@dynamic-labs/sdk-react-core';

const MyComponent = () => {
  const registerPasskey = useRegisterPasskey();

  const handleRegisterPasskey = async () => {
    try {
      const verifyResponse = await registerPasskey();
      console.log('Passkey registered successfully:', verifyResponse);
    } catch (error) {
      console.error('Failed to register passkey:', error);
    }
  };

  return (
    <button onClick={handleRegisterPasskey}>
      Register Passkey
    </button>
  );
};

Notes

• The registration process is asynchronous and may require user interaction (biometric authentication, etc.)
• The hook should only be used within a Dynamic context provider