Socket events not being listened after I close my laptop and open it a few minutes after

[chitgoks]

Hi. i wish to ask for ideas on my issue. socket.io 4.7.4

I noticed that if i close the laptop, my browser has socket.io getting disconected and then reconnecting after i open the laptop back.

I also have verified in the server that if i send an event from the client to the server, it works ok.

The problem is when the server emits an event back to the client, the events in the client browser are not received. nothing happens.

This is how my SocketService class sample looks like in Angular

`
@Injectable({
providedIn: 'root'
})
export class SocketService {
private socket: Socket;
code: string | null = null;

constructor(private translateService: TranslateService) {
this.socket = io(environment.api);

this.socket.on(SocketEvent.CONNECT, () => {
  console.log('Connected to server ' + new Date());
});

this.socket.on(SocketEvent.DISCONNECT, () => {
  console.log('Disconnected from server ' + new Date());
});

this.socket.on(SocketEvent.CONNECT_ERROR, (error) => {
  console.error('Connection error:', error);
  this.socket.connect();
});

this.socket.on(SocketEvent.RECONNECT_ATTEMPT, (attempt) => {
  console.log(this.translateService.instant('SOCKET_RECONNECTING_ATTEMPT', { attempt: attempt }));
});

this.socket.on(SocketEvent.RECONNECT, (attempt) => {
  console.log(this.translateService.instant('SOCKET_RECONNECTED', { attempt: attempt }));
});

this.socket.on(SocketEvent.QUESTION_NEW, (question: Question) => {
  console.log('this.socket.on(SocketEvent.QUESTION_NEW)');
  this.onNewQuestionModerator.next(question)
});

this.socket.on(SocketEvent.ERROR, error => {
  console.error('Error', error);
});

}
}
`

Some client code emits a nevent called send_question and the server receives it then emits QUESTION_NEW event via

io.to(some_code).emit(SocketEvent.QUESTION_NEW)

But the client browser never receives it. This happens when the client gets disconnected and reconnects again.

Thoughts?