ReactJs double render

When I try to refresh page it prints "1" twice.

But I’m not using any useState or variable update or state change I think.

Can you tell me where I’m wrong?

import "./styles.css";
import React, { useState, useEffect, useRef } from "react";
//import { io } from "socket.io-client";
//const socket = io("ws://localhost:4000");

export default function App() {
  const newUser = () => {
    //socket.emit("newUser", { socketID: socket.id });
  };

  const checkUser = () => {
    //socket.emit("checkUser", { socketID: socket.id });
  };

  const resetUser = () => {
    //socket.emit("resetUser", { socketID: socket.id });
  };

  const checkSocket = () => {
    //console.log(socket);
  };

  const disconnectSocket = () => {
    //socket.emit("disconnect");
  };

  useEffect(() => {
    console.log("1");
  }, []);

  /*useEffect(() => {
    console.log("2", socket);
    //if(socket.id) socket.emit("newUser", {socketID: socket.id});
    //socket.on("checkUser", data => console.log("check", data));
    //socket.on("newUserResponse", data => console.log("newUserResponse", data));
    return () => {
    };
  }, [socket]);
  */

  return (
    <div className="App">
      <div>
        <button onClick={newUser}>New User</button>
      </div>
      <div>
        <button onClick={checkUser}>Check User</button>
      </div>
      <div>
        <button onClick={resetUser}>Reset User</button>
      </div>
      <div>
        <button onClick={checkSocket}>Check Socket</button>
      </div>
      <div>
        <button onClick={disconnectSocket}>Disconnect Socket</button>
      </div>
    </div>
  );
}