diff --git a/examples/min-react-js-chat/README.md b/examples/min-react-js-chat/README.md index 15ae038373..0d10c51875 100644 --- a/examples/min-react-js-chat/README.md +++ b/examples/min-react-js-chat/README.md @@ -6,6 +6,7 @@ - React/JavaScript - Waku Relay - Protobuf using `protons`. +- No async/await syntax. A barebone chat app to illustrate the [ReactJS Relay guide](/guides/reactjs-relay.md). diff --git a/examples/min-react-js-chat/src/App.js b/examples/min-react-js-chat/src/App.js index 0110c0920e..2625573b63 100644 --- a/examples/min-react-js-chat/src/App.js +++ b/examples/min-react-js-chat/src/App.js @@ -95,7 +95,7 @@ function App() { export default App; -async function sendMessage(message, timestamp, waku) { +function sendMessage(message, timestamp, waku) { const time = timestamp.getTime(); const payload = proto.SimpleChatMessage.encode({ @@ -103,6 +103,7 @@ async function sendMessage(message, timestamp, waku) { text: message, }); - const wakuMessage = await WakuMessage.fromBytes(payload, ContentTopic); - await waku.relay.send(wakuMessage); + return WakuMessage.fromBytes(payload, ContentTopic).then((wakuMessage) => + waku.relay.send(wakuMessage) + ); } diff --git a/examples/store-reactjs-chat/README.md b/examples/store-reactjs-chat/README.md index ff31306294..b5da4645c7 100644 --- a/examples/store-reactjs-chat/README.md +++ b/examples/store-reactjs-chat/README.md @@ -3,6 +3,7 @@ - React/JavaScript, - Waku Store, - Protobuf using `protons`. +- No async/await syntax. A simple app that retrieves chat messages using [Waku Store](https://rfc.vac.dev/spec/13/) to illustrate the [Retrieve Messages Using Waku Store With ReactJS guide](/guides/reactjs-store.md). diff --git a/guides/reactjs-relay.md b/guides/reactjs-relay.md index 1cec723eb8..0b6a2a088c 100644 --- a/guides/reactjs-relay.md +++ b/guides/reactjs-relay.md @@ -133,20 +133,20 @@ import { WakuMessage } from 'js-waku'; const ContentTopic = `/min-react-js-chat/1/chat/proto`; -async function sendMessage(message, timestamp, waku) { +function sendMessage(message, timestamp, waku) { const time = timestamp.getTime(); // Encode to protobuf const payload = proto.SimpleChatMessage.encode({ timestamp: time, - text: message, + text: message }); // Wrap in a Waku Message - const wakuMessage = await WakuMessage.fromBytes(payload, ContentTopic); - - // Send over Waku Relay - await waku.relay.send(wakuMessage); + return WakuMessage.fromBytes(payload, ContentTopic).then((wakuMessage) => + // Send over Waku Relay + waku.relay.send(wakuMessage) + ); } ```