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

# Introduction

> A guide to setting up tracking for Depict UI (React) integrations

For any Depict product that's integrated, it is important to set up tracking so that our product performs correctly. Visit the "Tracking status" tab on [app.depict.ai](https://app.depict.ai) for live feedback on your tracking events.

DPC (Depict Performance Client) is already set up automatically by using `@depict-ai/react-ui`. You can access the DPC instance by doing:

```ts theme={null}
import { usePerformanceClient } from "@depict-ai/react-ui";

// Where you need it:
const { dpc } = usePerformanceClient();
```

Also the `dpq` global is available after initialising the DepictProvider.

<Note>
  If you are also integrating something via API (for example recommendations),
  there is no extra DPC setup to do — `@depict-ai/react-ui` already installs
  and initialises it. Just follow [Product Card
  Tracking](/react-ui-guide/tracking/product-cards) and onwards for any
  product cards you render yourself.
</Note>

<Info>
  For more detailed information see the [DPC
  Reference](/reference/performance-client/performance-client)
</Info>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.