ProductQuery.js

import React from 'react';
import { Query } from 'react-apollo';
import ScreenFocusHook from './screenFocusHook';

const ProductQuery = (props) => {
    const navigation = props.navigation;
    const getProductsQuery = /* your grahql query here */
    const [setCallBack] = ScreenFocusHook(navigation);
    
    return (<Query query={getProductsQuery} notifyOnNetworkStatusChange>
        {
            (args) => {
                const { loading, data, error, refetch } = args;
                setCallBack(refetch);
                if (error) {
                    return '';
                }
                if (data && data.product) {
                    return <ProductDetail  product={data.product}/>;
                } else {
                    return 'loading'
                }
            }
        }
    </Query>);
}