let variable reassigned but stay undefined (socket.io, node.js, react)

Question

I am implementing a real time chat app using react and node but struggling with sending messages to the server. Below is my Chat component where socket connection with the s