useEffect for managing match udpate

2025-11-28 14:08:10 +05:30
parent 9916939f29
commit 6179021ce7
1 changed files with 12 additions and 1 deletions
--- a/src/tictactoe/TicTacToe.tsx
+++ b/src/tictactoe/TicTacToe.tsx
@@ -4,7 +4,6 @@ import Board from "./Board";

 export default function TicTacToe() {
  const [username, setUsername] = useState("");
-
  const [board, setBoard] = useState<string[][]>([
    ["", "", ""],
    ["", "", ""],
@@ -21,6 +20,18 @@ export default function TicTacToe() {
    matchId,
  } = useNakama();

+  useEffect(() => {
+    onMatchData((msg) => {
+      console.log("[Match Data]", msg);
+
+      if (msg.opCode === 2) {
+        setBoard(msg.data.board);
+        setTurn(msg.data.turn);
+        setWinner(msg.data.winner || null);
+      }
+    });
+  }, [onMatchData]);
+
  // ------------------------------------------
  // CONNECT
  // ------------------------------------------