I am trying to listen to socket io events from inside a method in react which gets called outside of the useEffect hook from a button click, but I am not getting any data even when the data is emitted from the server. like in the method below,"Call answered Out" is never printed. Any other socketio listener works. How can I achieve what I want to do. add the listener after the button click

   function listenNow(){
    socket.on("call-answered",incoming =>{
        console.log("Call answered Out");

        if(incoming.action === true){
            console.log("Call answered");
        }else{
            console.log("Call rejected");
        }
    })
}