Skip to main content
The device-code-activation-denied screen is displayed when a device activation attempt is rejected. It informs the user that the device code was not authorized and the activation flow could not be completed.
ACUL Device Code Activation Denied

Import

Each screen has its own set of hooks and methods. The SDK supports partial import and root import for each screen.
  • Using partial import allows you to include only the code you need for your specific use case.
  • Using root import allows you to load all screens from a single bundle useful when you want a unified build to handle all possible screens.
Import Example
// root import
import { useDeviceCodeActivationDenied } from '@auth0/auth0-acul-react';

// partial import
import {
  useDeviceCodeActivationDenied,
  // Context hooks
  useUser,
  useTenant,
  useBranding,
  useClient,
  useOrganization,
  usePrompt,
  useScreen,
  useTransaction,
  useUntrustedData,
  // Common hooks
  useCurrentScreen,
  useAuth0Themes,
  useErrors,
  // Utility hooks
  useChangeLanguage,
} from '@auth0/auth0-acul-react/device-code-activation-denied';

function DeviceCodeActivationDeniedScreen() {
  const { screen } = useDeviceCodeActivationDenied();
  return <p>Device activation was denied on {screen.name}</p>;
}

Context Hooks

Screen-scoped hooks that provide read-only access to Auth0 context data on the device-code-activation-denied screen. Import them from @auth0/auth0-acul-react/device-code-activation-denied.
useBranding
This hook provides branding configurations, such as logo, colors, and theme settings displayed on the device-code-activation-denied screen.
Example
import { useBranding } from '@auth0/auth0-acul-react/device-code-activation-denied';
function CustomTheme() {
  const branding = useBranding();
}
useClient
This hook provides client-related configurations, such as id, name, and logoUrl, for the device-code-activation-denied screen.
Example
import { useClient } from '@auth0/auth0-acul-react/device-code-activation-denied';
function AppInfo() {
  const client = useClient();
}
useOrganization
This hook provides information about the user’s Organization if the device activation is Organization-scoped. Returns null when no Organization context is present.
Example
import { useOrganization } from '@auth0/auth0-acul-react/device-code-activation-denied';
function OrgSelector() {
  const organization = useOrganization();
  if (!organization) {
    return <p>No Organization context</p>;
  }
}
usePrompt
This hook contains data about the current prompt in the authentication flow.
Example
import { usePrompt } from '@auth0/auth0-acul-react/device-code-activation-denied';
function FlowInfo() {
  const prompt = usePrompt();
}
useScreen
This hook contains details specific to the device-code-activation-denied screen, including its configuration and context.
Example
import { useScreen } from '@auth0/auth0-acul-react/device-code-activation-denied';
function ScreenDebug() {
  const screen = useScreen();
}
useTenant
This hook contains data related to the tenant, such as id and associated metadata.
Example
import { useTenant } from '@auth0/auth0-acul-react/device-code-activation-denied';
function TenantInfo() {
  const tenant = useTenant();
}
useTransaction
This hook provides transaction-specific data for the device-code-activation-denied screen, such as active connections and current flow state.
Example
import { useTransaction } from '@auth0/auth0-acul-react/device-code-activation-denied';
function TransactionInfo() {
  const transaction = useTransaction();
}
useUntrustedData
This hook handles untrusted data passed to the screen, such as a prefilled device code from URL parameters.
Example
import { useUntrustedData } from '@auth0/auth0-acul-react/device-code-activation-denied';
function PrefilledForm() {
  const untrustedData = useUntrustedData();
}
useUser
This hook provides details of the active user, including username, email, and available authentication methods.
Example
import { useUser } from '@auth0/auth0-acul-react/device-code-activation-denied';
function UserProfile() {
  const user = useUser();
}
useDeviceCodeActivationDenied
This hook returns all methods and context available on the device-code-activation-denied screen.

Common/Utility Hooks

This hook gets the current theme options with flattened configuration from branding context.
This hook returns a function for changing the display language on the current ACUL screen.
This hook gets the current screen context and state.
This hook reads and manages server, client, and developer errors on the screen.