# useDepositAndApprove

```ts
function useDepositAndApprove(props?): UseMutationResult<TransactionReceipt, Error, UseDepositVariables, unknown>;
```

Defined in: [synapse-react/src/payments/use-deposit-and-approve.ts:32](https://github.com/FilOzone/synapse-sdk/blob/1d6c4b9fe34534bf1087dfe41491b72be0b46858/packages/synapse-react/src/payments/use-deposit-and-approve.ts#L32)

Deposit ERC20 tokens into the payments contract.

## Parameters

| Parameter | Type | Description |
| ------ | ------ | ------ |
| `props?` | `UseDepositAndApproveProps` | The props for the deposit. |

## Returns

`UseMutationResult`\<`TransactionReceipt`, [`Error`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Error), `UseDepositVariables`, `unknown`\>

The deposit mutation.