From fcef8e14e7142189fc9bc3bdb7c0c1e04f9ff928 Mon Sep 17 00:00:00 2001
From: Satindar Dhillon <satindar@gmail.com>
Date: Fri, 14 Oct 2022 13:44:04 -0700
Subject: [PATCH] make sure analytics is setup before calling show on Intercom

---
 packages/web/pages/support.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/web/pages/support.tsx b/packages/web/pages/support.tsx
index 78d295140..bd6a68a16 100644
--- a/packages/web/pages/support.tsx
+++ b/packages/web/pages/support.tsx
@@ -1,11 +1,21 @@
-import { useEffect } from 'react'
+import { useEffect, useCallback } from 'react'
 import { SettingsLayout } from '../components/templates/SettingsLayout'
+import { setupAnalytics } from '../lib/analytics'
 
 export default function Support(): JSX.Element {
-  useEffect(() => {
+  const initAnalytics = useCallback(() => {
+    setupAnalytics()
     window.Intercom('show')
   }, [])
 
+  useEffect(() => {
+    initAnalytics()
+    window.addEventListener('load', initAnalytics)
+    return () => {
+      window.removeEventListener('load', initAnalytics)
+    }
+  }, [initAnalytics])
+
   return (
     <SettingsLayout title="Support">
       <></>