title: Apollo GraphQL variable Query
body: <p>After much reading Apollo React documentation I am unable to create a GraphQL query using a Redux provided props variable <code>displayLocation</code> of the <code>DiscoveryList</code> component. Flow type of <code>displayLocation</code> given below: -</p>
  
  <pre><code>type DisplayLocation = {
    lat: number,
    lng: number,
  };
  </code></pre>
  
  <p>I am getting the following error: - <code>Variable lat of type Float! was provided invalid value</code>, surprisingly the provided value to the float variable is <code>37.33233141</code>. Redux and Apollo Component integration code given below :- </p>
  
  <pre><code>export default compose(
    connect(({ displayLocation }) =&gt; ({ displayLocation }), {
      updateDisplayLocation,
    }),
    graphql(
      gql`
      query DiscoveryList($lat: Float!, $lng: Float!) {
        destinations(radius: {
          latitude: $lat,
          longitude: $lng,
          distance: 10000})
          { name
            id
            country_code
          }
        }`,
      {
        options: ({ displayLocation }) =&gt; ({
          variables: {
            lat: displayLocation.lat,
            lng: displayLocation.lng,
          },
        }),
      },
    ),
  )(DiscoverList);
  </code></pre>
  
  <p>Many thanks for your help. </p>
  
  <p>I was also wondering to feed redux props into the Apollo GraphQL query, should we <code>connect()</code> redux first and then Apollo <code>graphql()</code> or the other way around before exporting the component please?</p>