Fix sentry dsn on client (#882)

www/app/(app)/transcripts/useWebSockets.ts

@@ -346,9 +346,10 @@ export const useWebSockets = (transcriptId: string | null): UseWebSockets => {
     let intentionalClose = false;
 
     const connect = () => {
-      const subprotocols = auth.accessToken
-        ? ["bearer", auth.accessToken]
-        : undefined;
+      const subprotocols =
+        auth.status === "authenticated" && auth.accessToken
+          ? ["bearer", auth.accessToken]
+          : undefined;
       ws = new WebSocket(url, subprotocols);
 
       ws.onopen = () => {

www/app/lib/clientEnv.ts

@@ -35,6 +35,7 @@ export type ClientEnvCommon = EnvFeaturePartial & {
   API_URL: NonEmptyString;
   WEBSOCKET_URL: NonEmptyString | null;
   AUTH_PROVIDER: AuthProviderType;
+  SENTRY_DSN: string | null;
 };
 
 let clientEnv: ClientEnvCommon | null = null;
@@ -86,6 +87,9 @@ export const getClientEnvServer = (): ClientEnvCommon => {
       API_URL: getNextEnvVar("API_URL"),
       WEBSOCKET_URL: parseMaybeNonEmptyString(process.env.WEBSOCKET_URL ?? ""),
       AUTH_PROVIDER: parseAuthProvider(),
+      SENTRY_DSN: parseMaybeNonEmptyString(
+        process.env.NEXT_PUBLIC_SENTRY_DSN ?? "",
+      ),
       ...features,
     };
   }
@@ -94,6 +98,9 @@ export const getClientEnvServer = (): ClientEnvCommon => {
     API_URL: getNextEnvVar("API_URL"),
     WEBSOCKET_URL: parseMaybeNonEmptyString(process.env.WEBSOCKET_URL ?? ""),
     AUTH_PROVIDER: parseAuthProvider(),
+    SENTRY_DSN: parseMaybeNonEmptyString(
+      process.env.NEXT_PUBLIC_SENTRY_DSN ?? "",
+    ),
     ...features,
   };
   return clientEnv;

www/instrumentation-client.ts

@@ -3,8 +3,9 @@
 // https://docs.sentry.io/platforms/javascript/guides/nextjs/
 
 import * as Sentry from "@sentry/nextjs";
+import { getClientEnv } from "./app/lib/clientEnv";
 
-const SENTRY_DSN = process.env.NEXT_PUBLIC_SENTRY_DSN;
+const SENTRY_DSN = getClientEnv().SENTRY_DSN;
 
 if (SENTRY_DSN) {
   Sentry.init({