App disconnects from metro server every time app its sent to the background

I’m in the managed workflow. Every time i send the app to the background it disconnects from metro. This is happening on both iOS and Android. This is the warning that i get in the console:

Cannot connect to the Metro server.

Try the following to fix the issue:
- Ensure that the Metro server is running and available on the same network
- Ensure that the Metro server URL is correctly set in AppDelegate


Error: The operation couldn’t be completed. Socket is not connected
at node_modules/react-native/Libraries/Utilities/HMRClient.js:260:4 in setHMRUnavailableReason
at node_modules/react-native/Libraries/Utilities/HMRClient.js:188:29 in client.on$argument_1
at node_modules/react-native/Libraries/WebSocket/WebSocket.js:260:8 in _eventEmitter.addListener$argument_1
at node_modules/react-native/Libraries/vendor/emitter/EventEmitter.js:189:10 in emit
at [native code]:null in callFunctionReturnFlushedQueue

Any help solving this issue would be much appreciated.