# useWalletConnectScanner

> @web3auth/modal React Hooks useWalletConnectScanner | Embedded Wallets

Hook to show the WalletConnect QR scanner 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 WalletConnectScannerButton() {
  const { showWalletConnectScanner, loading, error } = useWalletConnectScanner()

  return (
    
      <button onClick={() => showWalletConnectScanner()} disabled={loading}>
        {loading ? 'Opening Scanner...' : 'Show WalletConnect Scanner'}
      </button>
      {error && {error.message}}
    
  )
}
```

### Return type

```tsx

```

#### `loading`

`boolean`

Whether the scanner opening process is in progress.

#### `error`

`Web3AuthError | null`

Error that occurred during the scanner opening process.

#### `showWalletConnectScanner`

`(showWalletConnectScannerParams?: BaseEmbedControllerState["showWalletConnect"]) => Promise<void>`

Function to show the WalletConnect QR scanner. Accepts optional parameters for customizing the scanner behavior.