The cache doesn't work if multiple GraphQL components rendered in the same level.

The cache doesn’t work if multiple GraphQL components rendered in the same level.

Intended outcome: If you have components using the same query, there should be only one request.

import { graphql } from 'react-apollo'
import gql from 'graphql-tag'

const query = gql`{ allPosts { title id } }`

class Test extends Component {
  render () {
    console.log(this.props)
    return (
      <div>123</div>
    )
  }
}

const GraphQLTest = graphql(query)(Test)
// render in a parent component
...
              <GraphQLTest />
              <GraphQLTest />
...

Actual outcome: It actually fires multiple requests.

How to reproduce the issue: I create a repo to reproduce this: https://build-nhpmxggvzn.now.sh/

https://build-nhpmxggvzn.now.sh/lazy

PS: cixmkt2ul01q00122mksg82pn are the GraphQL requests.

Versions

• apollo-client@2.0.2
• apollo-cache-inmemory:@1.0.0
• apollo-link@1.0.0
• apollo-link-http@1.1.0
• apollo-client-preset@1.0.2
• graphql@0.11.7
• graphql-tag@2.5.0
• react-apollo@2.0.0

This is also discussed in #2444

[xcv58]

Hi @jbaxleyiii

I did verify your latest publish fix the problem. https://github.com/xcv58/apollo-client-cache-same-query/commit/bea448e4ae21d8b2607192cdb5c19b90342200ca https://github.com/apollographql/apollo-link/commit/685b07dd024b2e97a0929ac841ba5e1d19aa042a

Thank you very much!

[xcv58]

Thanks @jbaxleyiii I guess this may be related to another issue: https://github.com/apollographql/apollo-link/issues/225