xmpp.js | open technology for real-time communication | Runtime Evironment library

I had a constant outside the websocket connection, changed it to have a var inside so each connection had it own client.

Most likely you would have to change your service URI - both protocol as well as port part. As per xmpp.js client documentation you should use:

The @xmpp/client library seems that lacks the api calls when connection error happens as seen in the following example:

WebSocket connections have default timeout value for inactivity set to infinity. Your configuration most probably contains "{timeout, 60000}" in the "mod_websockets" configuration. In order to keep idle connections connected to the server you can send WebSocket ping frames from time to time.

More info about "mod_websockets" configuration is here:: https://mongooseim.readthedocs.io/en/latest/advanced-configuration/Listener-modules/#http-based-services-bosh-websocket-rest-ejabberd_cowboy

You can even configure the server to send WebSocket's ping frames by specifying the option {ping_rate, ValueInMilliSeconds}

Stream Management, if not available in your client library of choice, is somewhat complex to implement - though definitely would be welcome by the open source community ;)

XMPP Ping is a simpler alternative to detect broken connections. It's available in a range of servers including MongooseIM and ejabberd. The idea is that any side of the connection sends a ping IQ - since IQs are standardised to require responses, if a response does not come in a predefined time interval, you can assume such a connection is dead. There's no protocol for message retransmission like with Stream Management, but if you're running with Message Archive Management (mod_mam) all the messages should be stored safely anyway.

Alternatively, as somebody has suggested in the issue you link, you could switch to Stanza.io which supports XEP-198.

You must open the connection in the starting and use the same connection throughout the entire app. You need to have some class like singleton or so which will hold an xmpp client, so you will use it across the entire app. Or you even can try to hold a global variable inside App.js with xmll client.

For example, here at ConnectyCube ReactNative SDK https://developers.connectycube.com/js/react-native there is a simple prototype object which holds an xmpp client. Then this object can be used in a flux container or as a global variable, something like here How to use global variables in React Native?