gistfile1.txt

const App: () => React$Node = (props) => {

  const [ players, setPlayers ] = useState([]);

  useEffect(() => {
    AsyncStorage.getItem('@maddness_user').then((userData) => {
        getNearbyPlayers();
        performStompConnect();
      }   
    }); 
  }, []);

  const getNearbyPlayers = () => {
    fetch(`${url}/v1/users`).then((data) => data.json()).then((json) => {
      if (json) {
        if (json && json['users']) {
          setPlayers(json['users']);
        }   
      }   
    }).catch(e => {
      console.log(e);
    }); 
  }

  const performStompConnect = (user) => {
    client.onConnect = (frame) => {
      console.log('STOMP: Got connect: ' + JSON.stringify(frame));
      let stompTopics = [ `/exchange/users/${user['username']}`, '/exchange/global/global' ];
      for (let i = 0; i < stompTopics.length; i++) {
        client.subscribe(stompTopics[i], function(message) { handleMessage(message, user) }); 
      }   
    };  
  }

  const handleMessage = (msg, user) => {
    // >>> 'players' here is EMPTY.. even though in the render prior to this I saw that it had 4 players <<
  };  
}