Actually display messages

app/routes/_index.tsx

@@ -93,16 +93,23 @@ function TackUpNow({
 
   const [isInstalled, setIsInstalled] = useState(installed)
 
+  const [messages, setMessages] = useState<any[]>([])
+
   useEffect(() => {
-    window.addEventListener("message", console.log)
+    window.addEventListener("message", (event) =>
+      setMessages((prev) => [...prev, event.data])
+    )
   }, [])
 
   return (
     <ClientOnly fallback={<div>Loading</div>}>
-      {() =>
+      {() => (
-        isInstalled ? (
+        <>
-          <div>Your Notifications</div>
+          {messages.map((message, index) => (
-        ) : (
+            <div key={index}>JSON.stringify(message)</div>
+          ))}
+          isInstalled ? (<div>Your Notifications</div>
+          ) : (
           <InstallPrompts
             isMobileSafari={isMobileSafari}
             isSupported={isSupported}
@@ -110,8 +117,9 @@ function TackUpNow({
             notificationsEnabled={false}
             onInstallComplete={() => setIsInstalled(true)}
           />
-        )
+          )
-      }
+        </>
+      )}
     </ClientOnly>
   )
 }