Browser compat debug info

apps/backend/sentry.client.config.ts

@@ -3,8 +3,8 @@
 // https://docs.sentry.io/platforms/javascript/guides/nextjs/
 
 import * as Sentry from "@sentry/nextjs";
+import { getBrowserCompatibilityProblems } from "@stackframe/stack-shared/dist/utils/browser-compat";
 import { nicify } from "@stackframe/stack-shared/dist/utils/strings";
-
 Sentry.init({
   dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
 
@@ -54,6 +54,7 @@ Sentry.init({
           ...error,
         },
         nicifiedError: nicified,
+        clientBrowserCompatibility: getBrowserCompatibilityProblems(),
       };
     }
     return event;

apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/users/page-client.tsx

@@ -3,16 +3,19 @@
 import { UserTable } from "@/components/data-table/user-table";
 import { StyledLink } from "@/components/link";
 import { UserDialog } from "@/components/user-dialog";
+import { getBrowserCompatibilityProblems } from "@stackframe/stack-shared/dist/utils/browser-compat";
 import { Alert, Button } from "@stackframe/stack-ui";
 import { PageLayout } from "../page-layout";
 import { useAdminApp } from "../use-admin-app";
 
-
 export default function PageClient() {
   const stackAdminApp = useAdminApp();
   const project = stackAdminApp.useProject();
   const firstUser = stackAdminApp.useUsers({ limit: 1 });
 
+  console.log(getBrowserCompatibilityProblems());
+
+
   return (
     <PageLayout
       title="Users"

examples/demo/src/app/page-client.tsx

@@ -1,8 +1,8 @@
 'use client';
 
-import { useRouter } from 'next/navigation';
 import { useStackApp, useUser } from '@stackframe/stack';
 import { Button, Link, Typography } from '@stackframe/stack-ui';
+import { useRouter } from 'next/navigation';
 
 export default function PageClient() {
   const user = useUser();

packages/stack-shared/src/utils/browser-compat.tsx

@@ -0,0 +1,17 @@
+export function getBrowserCompatibilityProblems() {
+  const test = (snippet: string) => {
+    try {
+      (0, eval)(snippet);
+      return null;
+    } catch (e) {
+      return `FAILED: ${e}`;
+    }
+  };
+
+  return {
+    optionalChaining: test("({})?.b?.c"),
+    nullishCoalescing: test("0 ?? 1"),
+    weakRef: test("new WeakRef({})"),
+    cryptoUuid: test("crypto.randomUUID()"),
+  };
+}