# Add Intelligems Provider

The [`IntelligemsNextClientsideProvider`](https://headless.intelligems.io/reference/providers/provider-props) component stores Intelligems data in React Context so hooks and components can access it throughout your app.

### Example Configuration

{% hint style="warning" %}
**REQUIRED:** The `activeCurrencyCode` prop is required and must be provided.
{% endhint %}

<pre class="language-tsx"><code class="lang-tsx">import { IntelligemsNextClientsideProvider } from "@intelligems/headless/next-clientside"

<strong>export default function MyApp({ Component, pageProps }: AppProps) {
</strong>  return (
    &#x3C;>
      &#x3C;IntelligemsNextClientsideProvider
         organizationId={process.env.NEXT_PUBLIC_INTELLIGEMS_ORG_ID}
         storefrontApiToken={process.env.NEXT_PUBLIC_SHOPIFY_STOREFRONT_ACCESS_TOKEN}
         activeCurrencyCode="USD"
         antiFlicker={true}
      >
        ...
      &#x3C;/IntelligemsNextClientsideProvider>
    &#x3C;/>
  )
}
</code></pre>

{% hint style="warning" %}
ESM Errors

Depending on the setup of your site, you may encounter an `ERR_REQUIRE_ESM` error when using our package. Try adding the snippet below to `next.config.js` and/or reach out to support.

`transpilePackages: ['@intelligems/headless']`
{% endhint %}