The consent manager preferences dialog didn't open onClick

[henky-wu-qatalog]

We get the following error whenopenConsentManager() is called in a onClick function. The preference dialog didn't open, and an error occurs as follows:

and we are getting this build warnings in NextJS:

../../node_modules/@segment/consent-manager/esm/consent-manager/dialog.js 
Attempted import error: 'nanoid' does not contain a default export (imported as 'nanoid').

---

we're using:

• consent manager 5.6.0
• nextjs 12.1.0

[edsonjab]

HI @henky-wu-qatalog thank you for your report, we start looking into this.

[edsonjab]

Hi @henky-wu-qatalog I created this repo with an example how configure consent-manager with nextJs. I created a PR to fix the issue with the lodash library

[henky-wu-qatalog]

Thanks for the quick turnaround, @edsonjab. I just briefly check the example here but I can only see a nextjs boilerplate project. Would you mind take a look on this?

[edsonjab]

Hi @henky-wu-qatalog sorry, I forgot push my last changes, now is updated

[corydhmiller]

@edsonjab I cloned your repo but still getting this issue that others have reported.

Importing the banner dynamically with next/dynamic loads the component, but the banner never shows and openConsentManager does nothing.

I've been struggling with Next.js and consent-manager for the last few days, it doesn't really seem like they want to play nice. Are there any working examples of solutions with up-to-date Next and consent-manager versions?

[edsonjab]

This issue is fixed on this PR. We will release a new version soon.