Merge pull request #25 from waku-org/weboko/change-pubsub

fix: prevent parsing failure

README.md

@@ -31,3 +31,5 @@ npm run build
 docker build -t waku_frontend .
 docker run -d -p 8080:80 waku_frontend
 ```
+
+Open [http://localhost:8080](http://localhost:8080) with your browser to see the result.

src/hooks/useWaku.ts

@@ -20,14 +20,18 @@ export const useWaku = () => {
       const newMessages: Message[] = event.detail;
 
       newMessages.forEach((m) => {
-        const payload = JSON.parse(atob(m.payload));
-
-        const message: MessageContent = {
-          nick: payload?.nick || "unknown",
-          text: payload?.text || "empty",
-          timestamp: m.timestamp || Date.now(),
-        };
-        nextMessages.set(`${message.nick}-${message.timestamp}-${message.text}`, message);
+        try {
+          const payload = JSON.parse(atob(m.payload));
+
+          const message: MessageContent = {
+            nick: payload?.nick || "unknown",
+            text: payload?.text || "empty",
+            timestamp: m.timestamp || Date.now(),
+          };
+          nextMessages.set(`${message.nick}-${message.timestamp}-${message.text}`, message);
+        } catch(error) {
+          console.error("Failed to parse message:", error);
+        }
       });
 
       setMessages(nextMessages);