Amplitude SDK integration with NextJS Pages Router - Githubissues

amplitude / Amplitude-TypeScript

TypeScript Amplitude Analytics SDK

https://amplitude.github.io/Amplitude-TypeScript/

MIT License

126 stars 36 forks source link

Amplitude SDK integration with NextJS Pages Router #710

Open piyushchauhan2011 opened 5 months ago

piyushchauhan2011 commented 5 months ago

Getting error while integration of Next.js pages router and amplitude sdk Followed the instructions as mentioned in examples: https://github.com/amplitude/Amplitude-TypeScript/blob/main/examples/browser/next-app/pages/_app.tsx#L22

Expected Behavior

No error during build

Current Behavior

Amplitude Logger [Warn]: Event not tracked, no destination plugins on the instance
   Collecting page data  ...ReferenceError: navigator is not defined
at Object.<anonymous> (/app/node_modules/.pnpm/@amplitude+analytics-browser@2.6.2/node_modules/@amplitude/analytics-browser/lib/cjs/plugins/network-connectivity-checker.js:31:31)

Possible Solution

Seems like it doesn't work with server, not sure any possible fix from my side

Steps to Reproduce

create blank nextjs app
pnpm add @amplitude/analytics-browser
add the integration as mentioned: https://github.com/amplitude/Amplitude-TypeScript/blob/main/examples/browser/next-app/pages/_app.tsx#L22
Build results in given error

Environment

JS SDK Version: 2.6.2
Installation Method: pnpm
Browser and Version: Chrome 123 latest

piyushchauhan2011 commented 5 months ago

For now I used useEffect but I think it calls .init multiple times, which seems incorrect.

mithRabbit commented 5 months ago

same issue happened with me.