title: React consume Graphql API - Network request
body: <p>I have an app in React Native that consume an Graphql API, but when I try to make the API call, I am receiving the Error &quot;[Network error]: TypeError: Network request failed&quot;</p>
  <p><strong>The component structure is:</strong></p>
  <pre><code>import { gql } from 'apollo-boost';
  import { Query } from 'react-apollo';
  
  
  const GET_RECIPES = gql`
  query consultarReceitas{
    recipe{
      id
      title
      author
      link
      category
      subcategory
      ingredients{
        name
        quantity
        measure
        observation
      }
    }
  }
  `
  export default function RecipeList({ navigation, route }) {
    return (
      &lt;View&gt;
      &lt;Query query={GET_RECIPES}&gt;
        {({ loading, error, data }) =&gt; {
          if(loading){
            return &lt;Text&gt;Loading&lt;/Text&gt;
          }
          if(error){
            return &lt;Text&gt;Erro: {error.toString()}&lt;/Text&gt;
          }
          console.log(data)
          return (
          &lt;ul&gt;
            {
              data.recipe.map((r) =&gt; {
              return &lt;Text&gt;{r.title}&lt;/Text&gt;
              })
            }
          &lt;/ul&gt;
          )
        }}
      &lt;/Query&gt;
      &lt;/View&gt;
    )
  }
  </code></pre>
  <p>Can anyone help me to discovery how to solve it?</p>