getandshowdata.js

export const GetAndShowData = ({ userId }) => (
  <Query query={GET_USER} variables={{ userId }}>
    {({ loading, data: { email } }) => (
      <Query query={GET_HACKERNEWS_STARTUP} variables={{ email }}>
        {({ loading, data: { startup } }) => (
          <Query query={GET_REPO} variables = {{ startup }}>
            {({loading, error, data: { correspondingRepo } }) => {
              if (loading) return <p>Loading...</p>;
              if (error) return <p>Error...</p>;
              return (
                <div>
                    <p> corresponding Repo for { email } and { startup } : { correspondingRepo } </p>
                </div>
              );
            }}
          </Query>
        )}
      </Query>
    )}
  </Query>
);