> For the complete documentation index, see [llms.txt](/llms.txt).

# useWalletUI

Hook to open the Wallet Services in-app browser overlay. This provides users with a pre-built wallet interface for viewing balances, sending tokens, and managing their wallet, without leaving your app.

### Import[​](#import "Direct link to Import")

```
import { useWalletUI } from '@web3auth/react-native-sdk'

```

### Usage[​](#usage "Direct link to Usage")

```
import { useWalletUI } from '@web3auth/react-native-sdk'

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

  return (
    <View>
      <Button
        title={loading ? 'Opening wallet…' : 'Open Wallet'}
        disabled={loading}
        onPress={() => showWalletUI()}
      />
      {error && <Text>{error.message}</Text>}
    </View>
  )
}

```

### Return type[​](#return-type "Direct link to Return type")

#### `showWalletUI`[​](#showwalletui "Direct link to showwalletui")

`() => Promise<void>`

Opens the Wallet Services overlay in an in-app browser. The user can view their balance, send/receive tokens, swap, and interact with dapps, all within the overlay. Replaces the v8 `web3auth.launchWalletServices(chainConfig)` method.

#### `loading`[​](#loading "Direct link to loading")

`boolean`

`true` while the overlay is loading.

#### `error`[​](#error "Direct link to error")

`Web3AuthError | null`

Error from the most recent `showWalletUI` call, or `null` if successful.

info

`walletServicesConfig` can be added to `web3AuthOptions` to customise the overlay behaviour. See the [advanced configuration](/embedded-wallets/sdk/react-native/advanced/) for details.