Published ZeroConf Services are not Discoverable on Android React Native But Visible in Bonjour Browser. #1387

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 */

import React, {useEffect} from 'react';
import {
  SafeAreaView,
  ScrollView,
  StatusBar,
  Text,
  useColorScheme,
  View,
} from 'react-native';
import Zeroconf from 'react-native-zeroconf';
import {Colors} from 'react-native/Libraries/NewAppScreen';

const zeroconf = new Zeroconf();

function App(): React.JSX.Element {
  const isDarkMode = useColorScheme() === 'dark';

  const backgroundStyle = {
    backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
  };

  useEffect(() => {
    const handleStart = () => console.log('The scan has started.');
    const handleFound = name => console.log('Service found:', name);
    const handleResolved = service => {
      console.log('Service resolved:', service);
      // setServices(prevServices => [...prevServices, service]);
    };
    const handleError = err => console.log('Error:', err);
    const handleStop = () => console.log('The scan has stopped.');

    zeroconf.on('start', handleStart);
    zeroconf.on('found', handleFound);
    zeroconf.on('resolved', handleResolved);
    zeroconf.on('error', handleError);
    zeroconf.on('stop', handleStop);

    // Start the service scan
    setTimeout(() => {
      zeroconf.scan('http', 'tcp');
      console.log('Started scanning...');
    }, 1000);

    // Cleanup on component unmount
    return () => {
      zeroconf.off('start', handleStart);
      zeroconf.off('found', handleFound);
      zeroconf.off('resolved', handleResolved);
      zeroconf.off('error', handleError);
      zeroconf.off('stop', handleStop);
      zeroconf.stop();
    };
  }, []);

  return (
    <SafeAreaView style={backgroundStyle}>
      <StatusBar
        barStyle={isDarkMode ? 'light-content' : 'dark-content'}
        backgroundColor={backgroundStyle.backgroundColor}
      />
      <ScrollView
        contentInsetAdjustmentBehavior="automatic"
        style={backgroundStyle}>
        <View>
          <Text>My Better RN NETWORK</Text>
        </View>
      </ScrollView>
    </SafeAreaView>
  );
}

export default App;