ta i bruk ny amplitude client

package.json

@@ -4,6 +4,7 @@
   "homepage": "/min-side-arbeidsgiver",
   "type": "module",
   "dependencies": {
+    "@amplitude/analytics-browser": "2.11.8",
     "@faker-js/faker": "8.4.1",
     "@grafana/faro-web-sdk": "1.3.6",
     "@navikt/aksel-icons": "^5.17.2",
@@ -13,7 +14,6 @@
     "@navikt/ds-icons": "3.4.3",
     "@navikt/ds-react": "^6.15.0",
     "@navikt/nav-dekoratoren-moduler": "2.1.6",
-    "amplitude-js": "^8.21.9",
     "fuzzysort": "^1.1.4",
     "immutable": "^4.3.6",
     "msw": "2.3.1",
@@ -31,7 +31,6 @@
     "@graphql-codegen/typescript-react-apollo": "^4.3.0",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^16.0.0",
-    "@types/amplitude-js": "^8.16.5",
     "@types/jest-axe": "^3.5.9",
     "@types/node": "^20.14.9",
     "@types/react": "18.3.3",

src/Pages/OrganisasjonerOgTilgangerProvider.tsx

@@ -11,6 +11,7 @@ import { Map, Set } from 'immutable';
 import { useUserInfo } from '../hooks/useUserInfo';
 import { ManglerTilganger } from './ManglerTilganger/ManglerTilganger';
 import { SpinnerMedBanner } from './Banner';
+import { Identify } from '@amplitude/analytics-browser';
 
 type orgnr = string;
 
@@ -90,10 +91,11 @@ const useBeregnOrganisasjoner = (): Record<orgnr, OrganisasjonInfo> | undefined
         setSystemAlert('UserInfoDigiSyfo', userInfo?.digisyfoError ?? false);
 
         if (userInfo !== undefined) {
-            amplitude.setUserProperties({
-                syfotilgang: userInfo.digisyfoOrganisasjoner.length > 0,
-                buildTimestamp,
-            });
+            amplitude.identify(
+                new Identify()
+                    .set('syfotilgang', userInfo.digisyfoOrganisasjoner.length > 0)
+                    .set('buildTimestamp', buildTimestamp)
+            );
         }
     }, [userInfo]);