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 { IntelligemsNextClientsideProvider } 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']