More sentry monitoring

app/entry.client.tsx

@@ -2,16 +2,20 @@ import { CacheProvider } from "@emotion/react";
 import { ClientStyleContext } from "./context.js";
 import createEmotionCache from "./createEmotionCache.js";
 import { hydrateRoot } from "react-dom/client";
-import { RemixBrowser } from "@remix-run/react";
-import * as Sentry from "@sentry/react";
-import { type ReactNode, StrictMode, useState } from "react";
+import { RemixBrowser, useLocation, useMatches } from "@remix-run/react";
+import * as Sentry from "@sentry/remix";
+import { type ReactNode, StrictMode, useEffect, useState } from "react";
 
 Sentry.init({
   dsn:
     document.querySelector("meta[name='dsn']")?.getAttribute("content") ??
     undefined,
   integrations: [
-    Sentry.browserTracingIntegration(),
+    Sentry.browserTracingIntegration({
+      useEffect,
+      useLocation,
+      useMatches,
+    }),
     Sentry.replayIntegration(),
   ],
   replaysOnErrorSampleRate: 1,