How to update a separate components props after performing a mutation with Apollo
<p>With redux, when the state changes it updates any components props that is <code>connect</code>ed to the store with <code>mapStateToProps</code>. However with Apollo when performing a mutation, any component that is using the same data receive the new props.</p>

<p>I understand this is expected behaviour because Apollo doesn't know that the data sets are the same. Here's an example of what I'm getting at:  </p>

<pre><code>const query = gql`query { me { username } }`

@graphql(query)
class Header extends React.Component {
  render () {
    return &lt;h1&gt;{this.props.data.me.username}&lt;/h1&gt;
  }
}

const mutation = gql`mutation updateAccount($username: String!) {
  updateAccount(username: $username) {
    me {
      username
    }
  }
}`
@graphql(mutation)
class Edit extends React.Component {
  render () {
    # ...
  }
  onSubmit(e) {
    e.preventDefault()
    this.props.mutate({variables: {username: this.state.username})
  }
}
</code></pre>

<p>The <code>Header</code> component renders out the <code>username</code>, where as the Edit component updates the <code>username</code>. I want to re-render <code>Header</code> when <code>username</code> changes. I'm not sure how to do this without polling the query.</p>