node-mongo-demo

commit c15e716b21b98805655e2ec02114493c3f58eb44
parent 239c80412779bfb2f78ce19c2c0fc8ffe5c4c950
Author: Jul <jul@9o.is>
Date:   Tue, 28 Jan 2025 07:34:24 -0500

prevent multiple event streams in frontend

Diffstat:
M
frontend/src/components/Lucky7.js
 | 
6
++++--

1 file changed, 4 insertions(+), 2 deletions(-)
diff --git a/frontend/src/components/Lucky7.js b/frontend/src/components/Lucky7.js
@@ -100,11 +100,13 @@ const Lucky7 = user => {
     const [bets, setBets] = React.useState({});
     const [error, setError] = React.useState(undefined);
 
-    useBetEvents(e => {
+    const eventHandler = React.useCallback(e => {
         const { bet } = e;
         setBets(bets => ({ ...bets, [bet.id]: { ...bets[bet.id], ...bet } }));
         setError(undefined);
-    });
+    }, [setBets, setError]);
+
+    useBetEvents(eventHandler);
 
     const handleBet = lucky => async () => {
         try {