why socket connected twice in nodejs server with nextjs as the front end?

Question

I hope to get some answers here as i have been trying to debug for few days now.

The expected behaviour: socket in server connected once when user is in my website.