> ## 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.

# Import

> How to import the Depict API client.

<Warning>
  This page does not apply to installs made in 2025 or later of the Depict Shopify apps
</Warning>

Add the following to the beginning of the file where you want to use the `fetchDepictRecommendations` function:

<CodeGroup>
  ```typescript js-ui theme={null}
  import { fetchDepictRecommendations } from "@depict-ai/js-ui";
  ```

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

  // Then, in your component where you want to use fetchRecommendations:
  const { fetchRecommendations } = useFetchRecommendations();
  // You don't have to specify `merchant` and `market` to the `fetchRecommendations` function that you get from `useFetchRecommendations`.
  // Since that will be taken from the provider automatically.
  ```
</CodeGroup>