Client keeps reconnecting

[farshid1]

My heroku build has started to fail connecting and I get the following debug information repeatedly:

2021-07-14T06:29:56.090344+00:00 app[web.1]: 2021-07-14T06:29:56.090Z socket.io:server incoming connection with id C-C8Tk7RHFUYnW2OAAAH
2021-07-14T06:29:56.090385+00:00 app[web.1]: 2021-07-14T06:29:56.090Z socket.io:client connecting to namespace /
2021-07-14T06:29:56.090414+00:00 app[web.1]: 2021-07-14T06:29:56.090Z socket.io:namespace adding socket to nsp /
2021-07-14T06:29:56.090815+00:00 app[web.1]: 2021-07-14T06:29:56.090Z socket.io:socket socket connected - writing packet
2021-07-14T06:29:56.090845+00:00 app[web.1]: 2021-07-14T06:29:56.090Z socket.io:socket joining room C-C8Tk7RHFUYnW2OAAAH
2021-07-14T06:29:56.090915+00:00 app[web.1]: 2021-07-14T06:29:56.090Z socket.io:client writing packet {"type":0,"nsp":"/"}
2021-07-14T06:29:56.090946+00:00 app[web.1]: 2021-07-14T06:29:56.090Z socket.io-parser encoding packet {"type":0,"nsp":"/"}
2021-07-14T06:29:56.090972+00:00 app[web.1]: 2021-07-14T06:29:56.090Z socket.io-parser encoded {"type":0,"nsp":"/"} as 0
2021-07-14T06:29:56.091122+00:00 app[web.1]: 2021-07-14T06:29:56.091Z socket.io:socket joined room [ 'C-C8Tk7RHFUYnW2OAAAH' ]

• socket.io client version: 2.3.1
• socket.io version: 2.4.1

Client side code:

useFocusEffect(
  React.useCallback(() => {
    const socket = io(BASE_URL, {
      forceNew: true,
      query: {token: accessToken?.replace('Bearer ', '')},
    });

    socket.on('connect', () => {
      socket.emit('getConversations', userId);
      socket.on('conversations', (response: any) => {
        setConversations(response);
        setIsLoading(false);
      });
      socket.on('update', () => {
        socket.emit('getConversations', userId);
      });
    });

    return () => {
      socket.off('connect');
      socket.disconnect();
    };
  }, [accessToken, setIsLoading, userId]),
);

Server side code:

this.io = new Server(httpServer, {
  pingTimeout: 60000,
});

This was not happening before but just started happening. If it helps, my client is a React Native app.

Any feedback from the community is much appreciated!!

[darrachequesne]

Hi! I don't see anything wrong in the code you provided.

This was not happening before but just started happening.

That sounds really weird indeed. When did it start to fail, and was there any change in your setup?