title: Meteor Apollo not updating UI when we update collection from Mongo console
body: <p>I started using meteor apollo starter kit <a href="https://github.com/apollostack/meteor-starter-kit" rel="nofollow noreferrer">https://github.com/apollostack/meteor-starter-kit</a>
  , and I created a collection "Posts" and I am able to pull data in to the UI. But when I update collection from mongo console,  it is not updating UI automatically... am I missing some configuration? can any one help me here? </p>
  
  <p>Here is the code:</p>
  
  <h1>Schema and resolvers:</h1>
  
  <pre><code>import {Random} from 'meteor/random';
  
  const Posts = new Mongo.Collection('posts');
  export const typeDefs = [`
  
    type Post {
      _id: String
      title: String
    }
  
  
    type Query {
      myPosts: [Post]
    }
  
    schema{
      query: Query
    }
  
  `];
  
  export const resolvers = {
      Query: {
          myPosts(root, args) {
              return Posts.find().fetch();
          }
  
      },
      Post: {
          title: ({title}) =&gt; title
      }
  };
  </code></pre>
  
  <h1>App Component:</h1>
  
  <pre><code>import React, {Component} from 'react';
  import {graphql} from 'react-apollo';
  import {Meteor} from 'meteor/meteor';
  import {createContainer} from 'meteor/react-meteor-data';
  import gql from 'graphql-tag';
  
  const App = ({userId, loading, error, myPosts, refetch}) =&gt; {
      return (
          &lt;div&gt;{userId}
              &lt;button onClick={() =&gt; refetch()}&gt;Refetch!&lt;/button&gt;
              {myPosts &amp;&amp; myPosts.map((post, index) =&gt; {
                  return (
                      &lt;div key={index}&gt;{post.title}&lt;/div&gt;
                  );
              })}
          &lt;/div&gt;
      );
  
  };
  
  App.propType = {
      userId: React.PropTypes.string.isRequired,
      posts: React.PropTypes.Object,
      refetch: React.PropTypes.func
  };
  
  const GET_USER_DATA = gql `
    {
      myPosts{
        title
      }
    }
  `;
  
  const withData = graphql(GET_USER_DATA, {
      props: ({data}) =&gt; {
          console.log(data);
          const {loading, error, myPosts, variables, refetch} = data;
  
          if (loading)
              return {loading};
          if (error)
              return {error};
          return {myPosts, refetch};
  
      },
      options: (ownProps) =&gt; ({
          variables: {
              id: "myownvariable"
          }
      })
  });
  
  const AppWithData = withData(App);
  
  const AppWithUserId = createContainer(() =&gt; {
      return {userId: "sampleuserid"};
  }, AppWithData);
  
  export default AppWithUserId;
  </code></pre>
  
  <h1>Client/main.js</h1>
  
  <pre><code>import {Meteor} from 'meteor/meteor';
  import {render} from 'react-dom';
  import React from 'react';
  
  import ApolloClient from 'apollo-client';
  import {meteorClientConfig} from 'meteor/apollo';
  import {ApolloProvider} from 'react-apollo';
  
  import App from '/imports/ui/App';
  
  const client = new ApolloClient(meteorClientConfig());
  
  Meteor.startup(() =&gt; {
      render(
          &lt;ApolloProvider client={client}&gt;
          &lt;App/&gt;
      &lt;/ApolloProvider&gt;, document.getElementById('app'));
  });
  </code></pre>
  
  <h1>Server/main.js</h1>
  
  <pre><code>import {createApolloServer} from 'meteor/apollo';
  import {makeExecutableSchema, addMockFunctionsToSchema} from 'graphql-tools';
  
  import {typeDefs, resolvers} from '/imports/api/schema';
  
  const schema = makeExecutableSchema({typeDefs, resolvers});
  
  createApolloServer({schema});
  </code></pre>