Socket.io only emitting after client is saved - node.js

Question

I'm implementing a chat feature with Socket.io in a React Native Expo app. The socket connects when opening the chat screen and sends a message to the client. It also receives a message from the client without issue. It isn't until I try to emit a message from the client to server, to then be received and sent back that I have the issue. I am using a text input and useState. The sendMessage function works as expected if I replace the useState data with a static string, but not with the updated state unless I save the client page and then hit send. Below is my code:
Client
// TestScreen.js (Client)
import { io } from 'socket.io-client';
import { NGROK_URL } from '../api/ngrok';
const TestScreen = () => {
const [currentMessage, setCurrentMessage] = useState('');
const [arrivalMessage, setArrivalMessage] = useState('');
const socket = io(NGROK_URL, { autoConnect: false });
const sendMessage = () => {
setArrivalMessage(currentMessage);
socket.emit('send_msg', {
to: 'Server',
from: 'Client',
message: currentMessage,
});
};
useEffect(() => {
socket.connect();
socket.on('welcome', (arg) => console.log(arg));
socket.emit('client', 'Hello from the client!');
socket.on('receive_msg', ({ message }) => {
console.log(`From receive msg: ${message}`);
});
return () => socket.disconnect();
}, []);
Server
// index.js (Server)
const PORT = process.env.PORT || 5000;
const httpServer = createServer(app);
const io = new Server(httpServer, {
cors: {
origin: 'http://localhost:3000',
methods: ['GET', 'POST'],
},
});
const onSendMessage = (data) => {
console.log(data);
io.emit('receive_msg', data);
};
const onConnection = (socket) => {
console.log(`User Connected: ${socket.id}`);
// Send a message to the client
socket.emit('welcome', 'Hello from the server!');
// Receive message from the client
socket.on('client', (arg) => console.log(arg));
socket.on('send_msg', onSendMessage);
socket.on('disconnect', (reason) =>
console.log(`User disconnected due to ${reason}.`)
);
};
io.on('connection', onConnection);
httpServer.listen(
PORT,
console.log(
`Server is running in ${process.env.NODE_ENV} on port ${PORT}`.yellow.bold
)
);