MfaWebauthnChangeKeyNickname

Import Example

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

useBranding

() => BrandingMembers

Hook to access branding and theme configuration.

Example

import { useBranding } from '@auth0/auth0-acul-react/login-id';
function CustomTheme() {
  const branding = useBranding();
}

useClient

() => ClientMembers

Hook to access Auth0 application (client) configuration.

Example

import { useClient } from '@auth0/auth0-acul-react/login-id';
function AppInfo() {
  const client = useClient();
}

useOrganization

() => OrganizationMembers

Hook to access organization context and settings.

Example

import { useOrganization } from '@auth0/auth0-acul-react/login-id';
function OrgSelector() {
  const organization = useOrganization();
  if (!organization) {
    return <p>No organization context</p>;
  }
}

usePrompt

() => PromptMembers

Hook to access prompt configuration and flow settings.

Example

import { usePrompt } from '@auth0/auth0-acul-react/login-id';
function FlowInfo() {
  const prompt = usePrompt();
}

useScreen

() => ScreenMembersOnMfaWebAuthnChangeKeyNickname

Hook to access current screen information and metadata.Screen object containing current screen name, configuration, and screen-specific data

Example

import { useScreen } from '@auth0/auth0-acul-react/login-id';
function ScreenDebug() {
  const screen = useScreen();
}

useTenant

() => TenantMembers

Hook to access tenant configuration and settings.

Example

import { useTenant } from '@auth0/auth0-acul-react/login-id';
function TenantInfo() {
  const tenant = useTenant();
}

useTransaction

() => TransactionMembers

Hook to access transaction state and authentication flow data.

Example

import { useTransaction } from '@auth0/auth0-acul-react/login-id';
function TransactionInfo() {
  const transaction = useTransaction();
}

useUntrustedData

() => UntrustedDataMembers

Hook to access untrusted data from URL parameters and form submissions.

Example

import { useUntrustedData } from '@auth0/auth0-acul-react/login-id';
function PrefilledForm() {
  const untrustedData = useUntrustedData();
}

useUser

() => UserMembers

Hook to access user information and profile data.

Example

import { useUser } from '@auth0/auth0-acul-react/login-id';
function UserProfile() {
  const user = useUser();
}

Methods

continueWithNewNickname

void | Promise<void>

Show Parameters

payload

MfaWebAuthnChangeKeyNicknameContinueOptions

Properties

nickname

string

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.

useMfaWebAuthnChangeKeyNickname

MfaWebAuthnChangeKeyNicknameMembers