> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dynamic.xyz/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# usePasskeyRecovery

<Card title="Recommended: JavaScript SDK with React Hooks" icon="react" color="#4779FE">
  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)](/javascript/reference/react-quickstart) to get started.
</Card>

### Summary

Used to manually open the recovery flow and let a user create a new passkey so they can recover their account.

### Usage

```jsx theme={"system"}
import { usePasskeyRecovery } from "@dynamic-labs/sdk-react-core";

const { initPasskeyRecoveryProcess, addRecoveryEmail } = usePasskeyRecovery();

// Opens the recovery flow UI
<button onClick={() => initPasskeyRecoveryProcess()}></button>;

// Adds a recovery email
<button onClick={() => addRecoveryEmail('recovery-email@gmail.com')}></button>;
```