fix: Guard reo client methods

Author: dawsontoth

src/features/auth/SignIn.tsx

@@ -55,7 +55,7 @@ export function SignIn() {
 
 				const company = parseCompanyFromEmail(data.email);
 				if (company) {
-					reoClient.identify({
+					reoClient?.identify?.({
 						username: data.email,
 						type: 'email',
 						company,

src/integrations/reo/reo.ts

@@ -1,15 +1,13 @@
 import { useEffect } from 'react';
 import { loadReoScript, ReoClient } from 'reodotdev';
 
-export let reoClient: ReoClient = {
-	identify: () => undefined,
-};
+export let reoClient: ReoClient | undefined;
 
 export function useReo() {
 	useEffect(() => {
 		if (import.meta.env.VITE_REO_DEV_CLIENT_ID && import.meta.env.VITE_REO_DEV_CLIENT_ID !== '0') {
 			loadReoScript({ clientID: import.meta.env.VITE_REO_DEV_CLIENT_ID })
-				.then((Reo) => reoClient = Reo.init({ clientID: import.meta.env.VITE_REO_DEV_CLIENT_ID }));
+				.then((Reo) => reoClient = Reo?.init?.({ clientID: import.meta.env.VITE_REO_DEV_CLIENT_ID }));
 		}
 	}, []);
 }

src/integrations/reo/reodotdev.d.ts

@@ -1,9 +1,9 @@
 declare module 'reodotdev' {
 	export function loadReoScript({ clientID: string }): Promise<{
-		init: ({ clientID: string }) => ReoClient;
+		init: null | (({ clientID: string }) => ReoClient);
 	}>;
 
 	export interface ReoClient {
-		identify: (person: { username: string; type: string; company: string; }) => void;
+		identify: null | ((person: { username: string; type: string; company: string; }) => void);
 	}
 }