Add Intelligems Provider

The IntelligemsNextProvider Higher-Order Component will save all relevant data into React Context, which will be available throughout the app as needed.

Example Configuration

import { IntelligemsReactProvider } from "@intelligems/headless/next-clientside"

export default function MyApp({ Component, pageProps }: AppProps) {
  return (
    <>
      <IntelligemsNextClientsideProvider
         organizationId={process.env.NEXT_PUBLIC_INTELLIGEMS_ORG_ID}
         storefrontApiToken={process.env.NEXT_PUBLIC_STOREFRONT_ACCESS_TOKEN}
         antiFlicker={true}
      >
        ...
      </IntelligemsNextClientsideProvider>
    </>
  )
}

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']