> ## Documentation Index
> Fetch the complete documentation index at: https://auth0.generaltranslation.app/llms.txt
> Use this file to discover all available pages before exploring further.
# MfaWebauthnChangeKeyNickname
```jsx Import Example theme={null}
import React, { useState } from "react";
import {
useMfaWebAuthnChangeKeyNickname,
useUser,
useTenant,
useBranding,
useClient,
useOrganization,
usePrompt,
useUntrustedData,
} from "@auth0/auth0-acul-react/mfa-webauthn-change-key-nickname";
```
## Context Hooks
() => BrandingMembers}>
Hook to access branding and theme configuration.
```jsx Example theme={null}
import { useBranding } from '@auth0/auth0-acul-react/login-id';
function CustomTheme() {
const branding = useBranding();
}
```
() => ClientMembers}>
Hook to access Auth0 application (client) configuration.
```jsx Example theme={null}
import { useClient } from '@auth0/auth0-acul-react/login-id';
function AppInfo() {
const client = useClient();
}
```
() => OrganizationMembers}>
Hook to access organization context and settings.
```jsx Example theme={null}
import { useOrganization } from '@auth0/auth0-acul-react/login-id';
function OrgSelector() {
const organization = useOrganization();
if (!organization) {
return No organization context
;
}
}
```
() => PromptMembers}>
Hook to access prompt configuration and flow settings.
```jsx Example theme={null}
import { usePrompt } from '@auth0/auth0-acul-react/login-id';
function FlowInfo() {
const prompt = usePrompt();
}
```
() => ScreenMembersOnMfaWebAuthnChangeKeyNickname}>
Hook to access current screen information and metadata.
Screen object containing current screen name, configuration, and screen-specific data
```jsx Example theme={null}
import { useScreen } from '@auth0/auth0-acul-react/login-id';
function ScreenDebug() {
const screen = useScreen();
}
```
() => TenantMembers}>
Hook to access tenant configuration and settings.
```jsx Example theme={null}
import { useTenant } from '@auth0/auth0-acul-react/login-id';
function TenantInfo() {
const tenant = useTenant();
}
```
() => TransactionMembers}>
Hook to access transaction state and authentication flow data.
```jsx Example theme={null}
import { useTransaction } from '@auth0/auth0-acul-react/login-id';
function TransactionInfo() {
const transaction = useTransaction();
}
```
() => UntrustedDataMembers}>
Hook to access untrusted data from URL parameters and form submissions.
```jsx Example theme={null}
import { useUntrustedData } from '@auth0/auth0-acul-react/login-id';
function PrefilledForm() {
const untrustedData = useUntrustedData();
}
```
() => UserMembers}>
Hook to access user information and profile data.
```jsx Example theme={null}
import { useUser } from '@auth0/auth0-acul-react/login-id';
function UserProfile() {
const user = useUser();
}
```
## Methods
void | Promise<void>}>
MfaWebAuthnChangeKeyNicknameContinueOptions}>
**Properties**
The new nickname for the WebAuthn security key.
This is the value entered by the user in the input field.
It must adhere to length and character constraints defined by the server.
MfaWebAuthnChangeKeyNicknameMembers} />
## Common/Utility Hooks
useCurrentScreen} type="Hooks" />
useErrors} type="Hooks" />
useAuth0Themes} type="Hooks" />
UseErrorOptions} type="Types" />
UseErrorsResult} type="Types" />
ErrorsResult} type="Types" />
ErrorKind} type="Types" />