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

# useFunding

Hook to open the funding interface 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
import { useFunding } from '@web3auth/modal/react'

```

### Usage

```tsx
import { useFunding } from '@web3auth/modal/react'

function FundingButton() {
  const { showFunding, loading, error } = useFunding()

  return (
    <div>
      <button onClick={() => showFunding()} disabled={loading}>
        {loading ? 'Opening...' : 'Open Funding'}
      </button>
      {error && <div>Error: {error.message}</div>}
    </div>
  )
}

```

### Return type

```tsx
import { type IUseFunding } from '@web3auth/modal/react'

```

#### `loading`

`boolean`

Whether the funding interface is being opened.

#### `error`

`Web3AuthError | null`

Error that occurred while opening the funding interface.

#### `showFunding`

`(showFundingParams?: BaseEmbedControllerState["showFunding"]) => Promise<void>`

Function to open the funding interface. Accepts optional parameters for customizing the view.