回调函数未更新状态

问：

我不知道为什么我的回调函数没有收到由钩子调用的更新状态，一旦用户更新，我就可以在控制台.log中看到更新的值。disconnectSocket()useWindowUnloadEffect()

当我要重新加载页面时，currentUser有一些值，例如。{name：'john'} 它不是空的。

//App.tsx

function App() {
  const { currentUser } = useContext(UserContext);


  console.log(currentUser); //working

 function disconnectSocket() {
  socket.emit("disconnected", {
      room: "room_1",
      user: currentUser?.name,
      test: "hi",
    });
}

  useWindowUnloadEffect(disconnectSocket);

  useEffect(() => {
    socket.connect();

    socket.on("connect", () => console.log("connected!"));

    socket.on("disconnect", (reason) => {
      if (reason === "io server disconnect") {
        // the disconnection was initiated by the server, you need to reconnect manually
        alert("Player left");
      }
    });
    return () => {
      socket.connected && socket.disconnect();
    };
  }, []);

  return <RouterProvider router={router} />;
}

export default App;

//useWindowUnloadEffect.tsx


import { useEffect } from "react";
type HandlerType = () => void;

const useWindowUnloadEffect = (handler: HandlerType) => {
  useEffect(() => {
    window.addEventListener("beforeunload", handler);

    return () => {
      window.removeEventListener("beforeunload", handler);
    };
  }, []);
};

export default useWindowUnloadEffect;

//UserContext.tsx

import React, { createContext, useState } from "react";

interface User {
  name: string;
}

interface UserContextType {
  currentUser: User | null;
  setCurrentUser: (user: User | null) => void;
}

interface Props {
  children: React.ReactNode;
}

export const UserContext = createContext<UserContextType>({
  currentUser: null,
  setCurrentUser: () => {},
});

export const UserProvider: React.FC<Props> = ({ children }) => {
  const [currentUser, setCurrentUser] = useState<User | null>(null);
  console.log(currentUser);

  return (
    <UserContext.Provider value={{ currentUser, setCurrentUser }}>
      {children}
    </UserContext.Provider>
  );
};

//server.js

const express = require("express");
const app = express();
const cors = require("cors");
const port = process.env.PORT || 4000;
const server = require("http").createServer(app);
const io = require("socket.io")(server, {
  cors: {
    origin: "http://localhost:5173",
  },
});
const room = "room_1";

app.use(cors());
io.on("connection", (socket) => {
  socket.on("join_room", async (data) => {
    const user = {
      username: data.data.username,
      room: room,
      id: socket.id,
    };
    socket.data.user = user;
    // io.sockets.adapter.rooms.forEach((q, r) => {
    //   if (io.sockets.adapter.rooms.get(r).size === 1) {
    //     available_rooms = r;
    //     return;
    //   }
    // });

    socket.join(room);
    if (io.sockets.adapter.rooms.get(room).size === 2) {
      let users = await io.in(room).fetchSockets();
      io.in(room).emit(
        "found-player",
        users.map((s) => s.data)
      );
      io.in(room).emit("start_game", {
        data: { word: "ABCD", defination: "word defination" },
      });
    }
  });
  socket.on("user_guess", ({ user, room, guess }) => {
    io.in(room).emit("user_guess", {
      data: { username: user, guess },
    });
  });
  socket.on("disconnect", (reason) => {
    if (reason && reason === "client namespace disconnect") {
      console.log(reason);
    }
  });
  socket.on("disconnected", (data) => {
    console.log("user disconnected", data);
    io.in(data.room).disconnectSockets(true);
  });
});

server.listen(port, () => {
  console.log(`Example app listening on port ${port}`);
});

我已经解决了这个问题，但我还没有找到任何解决方案