disconnect players when game is full to not spam server

party/index.ts

@@ -4,9 +4,12 @@ import type * as Party from "partykit/server";
 export default class PigGameServer implements Party.Server {
   constructor(readonly room: Party.Room) {}
 
+  async onError(connection: Party.Connection, error: Error) {}
+
   async onConnect(connection: Party.Connection) {
     let gameState = await this.room.storage.get<GameState>("gameState");
     if (!gameState || Object.keys(gameState.players).length >= 2) {
+      await connection.send(JSON.stringify({ message: "Game is full" }));
       connection.close();
       return;
     }

src/components/PigGameUI.tsx

@@ -20,13 +20,23 @@ export default function PigGameUI({ gameId }: { gameId: string }) {
   const [myId, setMyId] = useState<string>("");
   const [showWinningConfetti, setShowWinningConfetti] = useState(false);
   const [showLosingConfetti, setShowLosingConfetti] = useState(false);
+  const [gameFullMessage, setGameFullMessage] = useState("");
 
   const socket = usePartySocket({
     host: PARTYKIT_HOST,
     room: gameId,
     onMessage(event) {
       const data = JSON.parse(event.data);
 
+      if (data.message === "Game is full") {
+        setGameFullMessage(data.message);
+        socket.close();
+        // socket.updateProperties({
+        //   maxRetries: 0,
+        // });
+        return;
+      }
+
       if (data.gameState) {
         setGameState(data.gameState as GameState);
       }
@@ -62,6 +72,10 @@ export default function PigGameUI({ gameId }: { gameId: string }) {
   const currentPlayer = getPlayerState(gameState, myId);
   const winner = getPlayerState(gameState, gameState?.winnerId);
 
+  if (gameFullMessage) {
+    return <div>{gameFullMessage && <div>{gameFullMessage}</div>}</div>;
+  }
+
   return (
     <div>
       <div className="bg-blue-400 shadow-md rounded-lg mt-8 mb-6 flex flex-col items-center justify-center">