report errors to sentry

app/entry.client.tsx

@@ -1,5 +1,21 @@
 import { hydrate } from "react-dom";
 import { RemixBrowser } from "@remix-run/react";
+import * as Sentry from "@sentry/browser";
+import { Integrations } from "@sentry/tracing";
+
+declare global {
+	interface Window {
+		shellphoneConfig: {
+			sentry: { dsn: string };
+		};
+	}
+}
+
+Sentry.init({
+	dsn: window.shellphoneConfig.sentry.dsn,
+	tracesSampleRate: 1.0,
+	integrations: [new Integrations.BrowserTracing()],
+});
 
 hydrate(<RemixBrowser />, document);