Refetch info graphql

App.js

import React, { Component } from "react";
import { Query } from "react-apollo";
import { GET_ALL_RECIPES } from "queries";
import RecipeItem from "components/Recipe/RecipeItem";

class AppContent extends Component {
  componentDidMount() {
    const { refetch } = this.props;
    if (refetch) refetch();
  }
  render() {
    const { data, loading } = this.props;
    return (
      <div className="container">
        <h1>Home</h1>
        <ul>
          {data &&
            data.getAllRecipes &&
            data.getAllRecipes.map(recipe => {
              return <RecipeItem key={recipe._id} recipe={recipe} />;
            })}
        </ul>
      </div>
    );
  }
}

const App = () => {
  return (
    <Query query={GET_ALL_RECIPES}>{props => <AppContent {...props} />}</Query>
  );
};

export default App;