diff --git a/app/components/Nav/Main/index.js b/app/components/Nav/Main/index.js
index 214f63f3b32..096f0f05d88 100644
--- a/app/components/Nav/Main/index.js
+++ b/app/components/Nav/Main/index.js
@@ -137,13 +137,17 @@ const Main = props => {
 
 	const connectionChangeHandler = useCallback(
 		state => {
+			if (!state) return;
+			const { isConnected } = state;
 			// Show the modal once the status changes to offline
-			if (connected && state && !state.isConnected) {
+			if (connected && isConnected === false) {
 				props.navigation.navigate('OfflineModeView');
-				setConnected(state.isConnected);
+			}
+			if (connected !== isConnected && isConnected !== null) {
+				setConnected(isConnected);
 			}
 		},
-		[connected, props.navigation]
+		[connected, setConnected, props.navigation]
 	);
 
 	const checkInfuraAvailability = useCallback(async () => {