Apollo data fetching component for react-native

data.js

import {NetworkStatus} from 'apollo-client';
import get from 'lodash/get';
import React, {Component} from 'react';
import {Query} from 'react-apollo';

class Data extends Component {
 
  state = {refreshing: false};

  onRefresh = refetch => {
    this.setState({refreshing: true}, () => {
      refetch().then(() => {
        this.setState({refreshing: false});
      });
    });
  };

  render() {
    const {children, variables, query, dataPath, process} = this.props;
    const {refreshing} = this.state;

    return (
      <Query
        fetchPolicy="cache-and-network"
        variables={variables}
        query={query}>
        {result => {
          const {data, refetch, loading, networkStatus} = result;
          const foundData = get(data, dataPath);
          const statusIsRefresh = networkStatus === NetworkStatus.refetch;

          return children({
            onRefresh: () => this.onRefresh(refetch),
            refreshing,
            loading,
            loadingSpinner: !foundData && loading && statusIsRefresh === false,
            data: foundData ? (process ? process(foundData) : foundData) : null
          });
        }}
      </Query>
    );
  }
}

export default Data;