> ## Documentation Index
> Fetch the complete documentation index at: https://docs.adgentek.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# React

> React SDK via npm. Full demand eligibility, automatic tracking.

<Info>
  **Full demand eligibility.** Runs in a real browser. All four demand tiers serve, and tracking is automatic.
</Info>

## Install

```bash theme={null}
npm install @adgentek/react
```

## Usage

```jsx theme={null}
import { AdgentekProvider, AdgentekPlacement } from '@adgentek/react';

function App() {
  return (
    <AdgentekProvider token="YOUR_PUBLISHER_TOKEN" theme={{ colorScheme: 'auto' }}>
      <Chat />
    </AdgentekProvider>
  );
}

function Message({ query, response }) {
  return (
    <>
      <AIMessage text={response} />
      <AdgentekPlacement query={query} response={response} />
    </>
  );
}
```

## SSR note

The placement component renders client-side only. No impression logic runs on the server; server-rendered markup contains no tracking calls. This is by design: impressions must originate from the user's browser.

## Verify

Same checks as the [Web SDK](/publishers/integrations/web): serve request in DevTools, ad render on a commercial-intent turn, client-side impression pixel on render.