search

amplitude / Amplitude-TypeScript

TypeScript Amplitude Analytics SDK
https://amplitude.github.io/Amplitude-TypeScript/
MIT License
140 stars 40 forks source link

Amplitude SDK integration with NextJS Pages Router #710

Closed piyushchauhan2011 closed 1 day ago

piyushchauhan2011 commented 7 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

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

Environment

piyushchauhan2011 commented 7 months ago

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

mithRabbit commented 7 months ago

same issue happened with me.

izaaz commented 1 day ago

Fixed here: https://github.com/amplitude/Amplitude-TypeScript/pull/876