refetching.js

export const GetACar = () => (
  <Query query={GET_A_CAR} notifyOnNetworkStatusChange>
    {({ loading, error, data, refetch, networkStatus }) => {
      if (networkStatus === 4) return "Refetching...";
      if (loading) return <p>Loading...</p>;
      if (error) return <p>Error...</p>;

      return (
        <div>
          <p> Color: {data.car.color} </p>
          <p> Year of Manufacture: {data.car.yearOfManufacture} </p>
          <button onClick={() => refetch()}>Refetch!</button>
        </div>
      );
    }}
  </Query>
);