ListPage.js

const NewPostsSubscription = gql`
subscription {
  Post(filter: {
    mutation_in: [CREATED]
  }) {
    node {
      id
      imageUrl
      description
    }
  }
}`

class ListPage extends React.Component {
  // ...
  componentDidMount() {
    this.subscription = this.props.data.subscribeToMore({
      document: NewPostsSubscription,
      updateQuery: (previousState, {subscriptionData}) => {
        const newPost = subscriptionData.data.Post.node
        return {
          allPosts: [
            {...newPost},
            ...previousState.allPosts
          ]
        }
      },
      onError: (err) => console.error(err),
    })
  }
 
  // ...
   
}

Hi, I'm getting a compile error:

error 'newProps' is not defined no-undef

I was wondering where the newProps should be defined?

Hey @AntonBramsen! Sorry this is a typo. It should be this.props.data.subscribeToMore({...}). Will fix it right away, thanks for the hint!! 👍