use-apollo-query.js

import { useContext, useState } from 'react';
import { ApolloContext } from 'react-apollo';
import useDeepCompareEffect from 'use-deep-compare-effect';

const useQuery = (query, { variables }) => {
  const { client } = useContext(ApolloContext);

  const [state, setState] = useState({
    loading: true,
  });

  useDeepCompareEffect(() => {
    client.query({ query, variables }).then(setState);
  }, [query, variables]);

  return state;
};

export default useQuery;