Authorization react + socket.io

Auth.js

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

const socket = io();

function Auth() {
  const [auth, setAuth] = useState(false);
  const [username, setUsername] = useState("");
  const [password, setPassword] = useState("");
  const [name, setName] = useState("");
  useEffect(() => {
    socket.on("authed", (data) => {
      setAuth(data);
      if (data) socket.emit("getusername");
    });
    socket.on("username", (data) => {
      setName(data);
    });
  });
  const doLogin = (e) => {
    socket.emit("login", { username: username, password: password });
  };
  return (
    <div>
      {auth ? (
        <div>Logged {name}</div>
      ) : (
        <div>
          <div>Username:</div>
          <div>
            <input
              type="text"
              value={username}
              onChange={(e) => setUsername(e.target.value)}
            />
          </div>
          <div>Password:</div>
          <div>
            <input
              type="password"
              value={password}
              onChange={(e) => setPassword(e.target.value)}
            />
          </div>
          <div>
            <button onClick={doLogin}>Login</button>
          </div>
        </div>
      )}
    </div>
  );
}

export default Auth;

server.js

var app = require("express")();
var http = require("http").createServer(app);
var io = require("socket.io")(http);

var authedSessions = {};

io.on("connection", (socket) => {
  socket.emit("auth", false);
  socket.on("login", (data) => {
    if (data.username == "test" && data.password == "password") {
      authedSessions[socket.id] = "Test";
      socket.emit("authed", true);
    } else {
      socket.emit("authed", false);
    }
  });
  socket.on("getusername", (data) => {
    const username = authedSessions[socket.id];
    if (username) {
      socket.emit("username", username);
    } else {
      socket.emit("auth", false);
    }
  });
  socket.on("disconnect", function () {
    delete authedSessions[socket.id];
  });
});

http.listen(3333, () => {
  console.log("listening on *:3333");
});