From e8c0728a490f0ef3de006ce0aac23776604330fd Mon Sep 17 00:00:00 2001
From: Franck Royer <franck@status.im>
Date: Fri, 7 Jan 2022 17:06:39 +1100
Subject: [PATCH] Wait for connected peers

---
 examples/relay-reactjs-chat/src/App.js | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/examples/relay-reactjs-chat/src/App.js b/examples/relay-reactjs-chat/src/App.js
index 223f578611..fecd84f8b1 100644
--- a/examples/relay-reactjs-chat/src/App.js
+++ b/examples/relay-reactjs-chat/src/App.js
@@ -5,21 +5,18 @@ function App() {
   const [waku, setWaku] = React.useState(undefined);
   const [wakuStatus, setWakuStatus] = React.useState('None');
 
-  // Start Waku
   React.useEffect(() => {
-    // If Waku is already assigned, the job is done
     if (!!waku) return;
-    // If Waku status not None, it means we are already starting Waku
     if (wakuStatus !== 'None') return;
 
     setWakuStatus('Starting');
 
-    // Create Waku
     Waku.create({ bootstrap: true }).then((waku) => {
-      // Once done, put it in the state
       setWaku(waku);
-      // And update the status
-      setWakuStatus('Started');
+      setWakuStatus('Connecting');
+      waku.waitForConnectedPeer().then(() => {
+        setWakuStatus('Ready');
+      });
     });
   }, [waku, wakuStatus]);