Socket connects and disconnects multiple times for a same user

When the socket get created, same client gets connected and disconnected to the server multiple times.

Server Side Log

Client Side Log

Server code

const httpServer = require("http").createServer();
const io = require("socket.io")(httpServer);

io.on("connection", (socket) => {
  console.log("Connected",socket.id)
});

httpServer.listen(3030);

Client Code

    import React from 'react';
    import { io } from "socket.io-client";
    
    class Room extends React.Component{
      componentDidMount = () =>{
        const socket = io("http://localhost:3030/");
      }
      render(){
        return (
          <div className="room">
            <div className="container-fluid">
              <label className="subHeading">The Notorious mma</label>
            </div>
          </div>
        );
      }
    }
    export default Room;

[1337-ishaan]

@ghirihari pls check out this repo, for reference

private-chat-react

[1337-ishaan]

try replacing your socket declaration to

const socket = io(URL, { autoConnect: false });

This will basically not force a user to keep on connecting