Infinite connection loop

[quick007]

I'm getting an infinite connection loop. Console:

ignore {success: false} that's cause my API isn't hooked up yet

Server code:

import { Server } from "socket.io";
import http from "http";
import express from "express";
import path from "path";
import { ServerToClientEvents, ClientToServerEvents } from "../socketTypes";

const app = express();
const server = http.createServer(app);

const io = new Server<ClientToServerEvents, ServerToClientEvents>(server, {
	cors: {
		allowedHeaders: [
			"Access-Control-Allow-Origin",
			"Access-Control-Allow-Methods",
			"Access-Control-Allow-Headers",
		],
		methods: ["GET", "POST"],
	},
});

if (process.env.NODE_ENV == "development") {
	app.use(express.static("public"));
}

app.use("/", function (req, res) {
	res.sendFile(path.join(__dirname + "/web/index.html"));
	//__dirname : It will resolve to your project folder.
});

server.listen(8000, () => {
	console.log("Starting server...");
});

io.on("connection", async (socket) => {
	console.log("a user connected");
	socket.on("disconnect", () => {
		console.log("user disconnected");
	});

	socket.on("hello", () => {
		//console.log("");
		socket.emit("test", { success: false });
	});

  socket.on("testing", (arg, callback) => {
    callback({
      done: arg,
    })
  })
});

Client code:

export default function Web() {
	const router = useRouter();
	const [bomb, setBomb] = useState(false);
	const [socket, setSocket] = useState<Socket<
		ServerToClientEvents,
		ClientToServerEvents
	> | null>(null);

	useEffect(() => {
		const socket: Socket<ServerToClientEvents, ClientToServerEvents> = io(
		`http://${window.location.hostname}:8000`
		);
		socket.on("test", (data) => {
			console.log(data);
		});
		socket.on("connect", () => {
			console.log("Connected to websocket");
			socket.emit("hello");
		});
		setSocket(socket);
	});
	return (...)
}