chore: update socket

deno.json

@@ -22,7 +22,7 @@
   },
   "nodeModulesDir": "auto",
   "tasks": {
-    "start": "ENV=DEVELOPMENT deno run -r --env --unstable-kv -A --watch modules/app/main.ts --debug",
+    "start": "ENV=DEVELOPMENT deno run --env --unstable-kv -A --watch modules/app/main.ts --debug",
     "build": "deno run --env -A --unstable-kv  modules/app/main.ts --build ",
     "prod": "deno run --env --unstable-kv -A modules/app/main.ts",
     "test": "rm -rf .hydrate && rm -rf cov && deno test --env --unstable-kv -A --coverage=cov && deno coverage cov",

modules/hook/socket.ts

@@ -25,8 +25,7 @@ const useWebSocket = (url: string, room: string, user: string) => {
             ...data,
           }),
         );
-        countRef.current++;
-        return console.log(`WebSocket connection established: ${room}`);
+        return countRef.current++;
       }
 
       console.log(`WebSocket connection closed: ${room}`);

modules/index/index.room.tsx

@@ -12,9 +12,7 @@ export function Room(
   const state = useContext(AppContext);
   const { data } = useFetch(`/api/room/${props.id}`);
 
-  const handleChange = (
-    e: JSX.TargetedEvent<HTMLInputElement, InputEvent>,
-  ) => {
+  const handleChange = (e: JSX.TargetedEvent<HTMLInputElement, InputEvent>) => {
     const target = e.target as HTMLInputElement;
     setSelected(target.value);
     state.room.value = data as {
@@ -33,13 +31,7 @@ export function Room(
         name="room"
         type="radio"
         value={props.id}
-        onInput={(e) =>
-          handleChange(
-            e as JSX.TargetedEvent<
-              HTMLInputElement,
-              InputEvent
-            >,
-          )}
+        onChange={handleChange}
         checked={selected === props.id}
         disabled={props.disabled}
         class="w-4 h-4 text-blue-600 bg-gray-100 focus:ring-blue-600 ring-offset-gray-700 focus:ring-offset-gray-700 focus:ring-2 border-gray-500"