Got [Error: AMQJS0011E Invalid state already connected.] when change the Screen in react native app.

Hi,

env: "react-native": "0.69.6",
version: "paho-mqtt": "^1.1.0",

I wrote the code like this :

```js
function onMessage(message) {
let data = JSON.parse(message.payloadString)
console.log(data)
}
function onConnectionLost(responseObject) {
if (responseObject.errorCode !== 0) {
console.log('onConnectionLost:' + responseObject.errorMessage)
}
}

useEffect(() => {
if (something) {
try {
client.connect({
onSuccess: () => {
console.log('Connected!')
client.subscribe(`device/default`)
client.onConnectionLost = onConnectionLost
client.onMessageArrived = onMessage
},
onFailure: () => {
console.log('Failed to connect!')
},
})
} catch (error) {
console.log(error)
}
}
}, [something])

```
It works but when I change the screen(react-navigation) I will got this error:
AMQJS0011E Invalid state already connected.
and nothing gets.

( Only when I reload the expo can get data again.)

Is there anything I miss?

Thank you!


Start with the useEffect and client.connect flow shown in the issue, then trace how the React Navigation screen change affects the existing MQTT client. Determine the lifecycle behavior needed to avoid the invalid already-connected state, and verify that navigating between screens preserves message reception without requiring an Expo reload.

Written by the indexing model from the issue text.