I ran into this today and found solution which I believe is the best.
Its gonna continuously search for network changes and display them accordingly.
I tested it with expo install @react-native-community/netinfo and its working flawlessly.
import {useNetInfo} from "@react-native-community/netinfo";
import {View, Text} from "react-native";
const YourComponent = () => {
const netInfo = useNetInfo();
return (
<View>
<Text>Type: {netInfo.type}</Text>
<Text>Is Connected? {netInfo.isConnected.toString()}</Text>
</View>
);
};