io.emit not working

[TechStudent10]

I am using a Flask SocketIO server (aka a Python SocketIO server) and I am using a React SocketIO client.

I'm building a game/website that is essentially a Kahoot! clone.
I'm now working on getting players to join a game, but for some reason, when I use socket.io-client in React to emit a "join game" event, the server doesn't get it. I used Postman to make sure my server is working and it is. So I have no clue why it isn't working.

My page code:

import { useState, useEffect } from "react";
import io from "socket.io-client";

const socket = io("http://127.0.0.1:5000")

const joinGame = (gamePIN, nickname) => {
	console.log("Attempting to join")
	socket.emit("join game", {
		player_id: Math.random(),
		game_id: gamePIN,
		nickname: nickname
	})
	console.log("maybe????")
}

socket.connect()

export default function JoinGame(props) {
	const [gamePIN, setGamePIN] = useState("");
	const [nickname, setNickname] = useState("");
	let joined = false;

	useEffect(() => {
		socket.on("send join game success", (data) => {
			if (data.game_id === gamePIN) {
				joined = true;
			}
			console.log(data)
			console.log("Success!")
		})
	}, [socket, joined])

	return <div className="join-game">
		<p>Game PIN:</p>
		<input type="number" value={gamePIN} onChange={(e) => setGamePIN(e.target.value)} />
		<p>Nickname:</p>
		<input value={nickname} onChange={(e) => setNickname(e.target.value)} />
		<button onClick={() => joinGame(gamePIN, nickname)}>Join Game</button>

		{joined ? <p>Joined</p> : ""}
	</div>
}

[TechStudent10]

The error was a specific server-side issue that I now have fixed.

[bhoomikshetty]

What solved this issue?

[TechStudent10]

Gosh this was 2 years ago, no clue sorry. I think it was some error in the server itself, not the client.

[bhoomikshetty]

It was a silly error :(

I was doing
io.on instead of socket.on on the server.

Thankyou.