Problemer ved oppstart av Hotjar med Next.js og Typescript

Jeg mislykkes i å initialisere Hotjar i min Next.js- og TypeScript-app ved bruk av react-hotjar versjon 6.0.0.

Mine steg inkluderer:

I filen _app.tsx

Jeg importerer det ved å bruke

import { hotjar } from 'react-hotjar';

Deretter initialiserer jeg det i standard function App som følger:

    useEffect(() => {
            hotjar.initialize(HJID, HJSV);
    }, [])

Likevel når jeg løper

next build && next export

Jeg mottar følgende feil:

Module parse failed: Identifier 'hotjar' has already been declared (11:13)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| ***
| 
> export const hotjar = ***
|   initialize: function initialize(id, sv) ***
|       hotjar(id, sv);
Import trace for requested module:
./node_modules/react-hotjar/index.js
> Build failed because of webpack errors

Har du noen idé om hva som kan være årsaken til feilen?

Alternativt, kan du peke meg til ressurser som beskriver hvordan man initialiserer Hotjar i TypeScript Next.js-nettapplikasjonen?

Svar #1

Jeg støttet på det samme problemet også. For å løse problemet måtte jeg gå tilbake til en tidligere versjon. For øyeblikket bruker jeg V 5.5.0.