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

The React SDK (`@usebridge/sdk-react`) provides headless hooks for patient eligibility in your app or website.

## Installation

The React SDK requires the [Bridge TypeScript API client](https://www.npmjs.com/package/@usebridge/api) as a peer dependency:

**`npm`**

```bash title="npm" for="npm"
npm install @usebridge/api @usebridge/sdk-react
```

**`yarn`**

```bash title="yarn" for="yarn"
yarn add @usebridge/api @usebridge/sdk-react
```

## Example project

A fully-working demo is available as [`react-demo`](https://github.com/use-bridge/sdk-typescript/tree/main/examples/react-demo) in the repository.

Create a file at `examples/react-demo/.env.local`:

```
NEXT_PUBLIC_PUBLISHABLE_KEY="********-****-****-****-************"
NEXT_PUBLIC_BRIDGE_SERVICE_TYPES="svt_****,svt_****"
```

```bash
yarn install
yarn dev
```

Access at [http://localhost:3000](http://localhost:3000)

## Next Steps

* Follow [Setup](./setup) to configure `BridgeSdkProvider`
* See [Building Forms](./building-forms) for payer autocomplete and field hooks
* Review [Soft Check](./soft-check) and [Hard Check](./hard-check)

---

#### [Setup](./setup)

Configure the SDK within your project