Apollo + React Native

function ShowUser({data: { loading, otsUserByUserId }}) {
  if (loading) {
    return <Text>Loading</Text>;
  } else {
      console.log("Ots user is " + otsUserByUserId)
      console.log("Data: " + data)
    return (
      <View>
          {otsUserByUserId.map(user =>
              <Text>The name of user is {user.firstName} {user.lastName}.</Text>
          )}
      </View>
    );
  }
}

  class User extends React.Component {
    render() {
      let { data } = this.props
      if (data.loading){
        return <Text>Loading: {data.loading}</Text>;
      }else{
        alert(data)
        return (
          // <View>
          //   <Text>The name of user is {data.otsUserByUserId.firstName} {data.otsUserByUserId.lastName}.</Text>
          // </View>
          <Text>Should be loaded</Text>
        );
      }
    }
  }

export default graphql(gql`
  query {
    otsUserByUserId(userId: 1) {
      firstName
      lastName
    }
  }
`)(User)