# Add Intelligems Provider

The [`IntelligemsGatsbyProvider`](https://headless.intelligems.io/gatsby-steps/add-intelligems-provider) 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 { IntelligemsGatsbyProvider } from "@intelligems/headless/gatsby"

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