# useWalletUI

> @web3auth/modal React Hooks useWalletUI | Embedded Wallets

Hook to show the Wallet Services UI modal using the Wallet Services plugin.

:::info

Please note that this hook doesn't work for external wallet logins. It only works for social login embedded wallets.

:::

### Import

```tsx

```

### Usage

```tsx

function WalletUIButton() {
  const { showWalletUI, loading, error } = useWalletUI()

  return (
    
      <button onClick={() => showWalletUI()} disabled={loading}>
        {loading ? 'Opening Wallet UI...' : 'Show Wallet UI'}
      </button>
      {error && {error.message}}
    
  )
}
```

### Return type

```tsx

```

#### `loading`

`boolean`

Whether the Wallet UI opening process is in progress.

#### `error`

`Web3AuthError | null`

Error that occurred during the Wallet UI opening process.

#### `showWalletUI`

`(showWalletUiParams?: BaseEmbedControllerState["showWalletUi"]) => Promise<void>`

Function to show the Wallet Services modal UI. Accepts optional parameters for customizing the wallet UI experience.