Почему зависает приложение на React Native?

Question

[rockwell323]

Пишу первое приложение на react native, создал вебсокет сервер, получаю данные раз в минуту, все вроде работает нормально, но потом зависает приложение и не могу вернуться на главную страницу
Вот код сервера:

io.on("connection", socket => {
	console.log(`Connected: ${socket.id}`);

	socket.on('disconnect', () => console.log(`Disconnected: ${socket.id}`));

	async function requestMain(){
		var result = await mainFunction();
		await socket.emit("info", result);
		setTimeout(requestMain, 60000);
	};
	requestMain();
});

server.listen(port, () => {
	console.log(`Example app listening at http://localhost:${port}`);
});

Вот код с react native :

var socket;
const [isLoading, setLoading] = useState(true);
const [data, setData] = useState([]);

useEffect(() => {
   socket = io("http://example/", {
       transports: ['websocket']
   });

   socket.on("info", info => {
      setData(info);
      setLoading(false);
   });

   return () => {
      socket.disconnect();
   };
}, [isLoading]);
//Далее идет парсинг JSON строки и строится DOM

Cкорее всего не разобрался с useEffect, в чем может быть проблема?

Comments

[Роман Александрович]

при любом изменении isLoading будет вызываться инициализация сокета. вот и получается что вы его пересоздаете. скорее всего из за этого проблема. попробуйте повесить проверку на isLoading true

[rockwell323]

Роман Александрович, написал как то вот так

useEffect(() => {
  		if(!isConnected){
  			socket = io("http://example", {
				transports: ['websocket']
			});

			setConnected(true);
			console.log('Подключенно!');
  		};
  	}, [isConnected]);

  	useEffect(() => {
  		if(isLoading){
  			socket.on("info", info => {
				setData(info);
				setLoading(false);
			});

			console.log('Загруженно!');
  		};
  		
  	}, [isLoading]);

но все равно зависает и вылазят ошибки
Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.
и
VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead.

[Denioo]

rockwell323, в useEffect сделайте асинхронную функцию