> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.monite.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.monite.com/_mcp/server.

# ApprovalRequests component

## Overview

The `ApprovalRequests` component is a comprehensive React component that renders the complete **Approval Requests** page. The component integrates the full functionality of the `ApprovalRequestsTable` component and includes the ability to approve and reject payables. The component also supports searching, filtering, and pagination between the approval requests.

## Permissions

To access this component, the entity user must have the following permissions:

* `read` permission for the `payable` object,
* `read` and `update` permissions for the `approval_request` object.

For more information, see [List of permissions](/api/concepts/authentication#permissions).

## Preview

![ApprovalRequests component preview](/_fern-img/bae2dcd8129e4e3d8356a3e260c5dd81c7154741b6f116384533fd8c95936860.webp)

## Usage

Bring in the `ApprovalRequests` component into your application as shown:

**`React.js`**

```jsx React.js
import { ApprovalRequests } from "@monite/sdk-react";

// This component must be rendered within the MoniteProvider wrapper
const ApprovalRequestsPage = () => {
  return <ApprovalRequests />;
};
```