Bump sentry (#1313)

package.json

@@ -32,9 +32,7 @@
     "@navikt/ds-tailwind": "^6.9.0",
     "@navikt/ds-tokens": "^6.9.0",
     "@reduxjs/toolkit": "^1.9.7",
-    "@sentry/integrations": "^7.114.0",
-    "@sentry/react": "^7.119.0",
-    "@sentry/tracing": "^7.114.0",
+    "@sentry/react": "^8.33.1",
     "@vitejs/plugin-react-swc": "^3.7.1",
     "classnames": "^2.5.1",
     "date-fns": "^3.0.0",

src/sentry.ts

@@ -1,6 +1,13 @@
-import { captureConsoleIntegration } from '@sentry/integrations';
-import * as Sentry from '@sentry/react';
-import { Breadcrumb, Event } from '@sentry/types';
+import {
+    captureConsoleIntegration,
+    reactRouterV6BrowserTracingIntegration,
+    ErrorEvent,
+    init,
+    httpClientIntegration,
+    wrapCreateBrowserRouter,
+    EventHint,
+    Breadcrumb,
+} from '@sentry/react';
 import React from 'react';
 import {
     createRoutesFromChildren,
@@ -33,7 +40,7 @@ const tagsFilter = (tags: Event['tags']): Event['tags'] => {
     };
 };
 
-const fjernPersonopplysninger = (event: Event): Event => {
+const fjernPersonopplysninger = (event: ErrorEvent, hint: EventHint): ErrorEvent => {
     const url = event.request?.url ? maskerPersonopplysninger(event.request.url) : '';
     return {
         ...event,
@@ -58,17 +65,17 @@ const fjernPersonopplysninger = (event: Event): Event => {
     };
 };
 
-Sentry.init({
+init({
     dsn: 'https://1ab82c2af7614a74b134e36b3bd2e0b4@sentry.gc.nav.no/163',
     integrations: [
-        Sentry.reactRouterV6BrowserTracingIntegration({
+        reactRouterV6BrowserTracingIntegration({
             useEffect: React.useEffect,
             useLocation,
             useNavigationType,
             createRoutesFromChildren,
             matchRoutes,
         }),
-        Sentry.httpClientIntegration({
+        httpClientIntegration({
             failedRequestTargets: [
                 /https:\/\/aktivitetsplan(\.ekstern\.dev)?\.nav\.no\/(veilarbaktivitet|veilarbdialog|veilarboppfolging|veilarblest|veilarbperson|veilarbmalverk|veilarbveileder)\/*/,
             ],
@@ -101,4 +108,4 @@ Sentry.init({
     ],
 });
 
-export const sentryCreateBrowserRouter = Sentry.wrapCreateBrowserRouter(createBrowserRouter);
+export const sentryCreateBrowserRouter = wrapCreateBrowserRouter(createBrowserRouter);