Actually display messages

app/routes/_index.tsx

@@ -93,15 +93,22 @@ 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}
@@ -111,7 +118,8 @@ function TackUpNow({
             onInstallComplete={() => setIsInstalled(true)}
           />
           )
-      }
+        </>
+      )}
     </ClientOnly>
   )
 }