How to use the "client" option on the server. about apollo-link-state

[jbaxleyiii]

➤ Jordan Stout commented:

Just got back to this issue. What I'm finding a pain is that the graphql hoc re-uses client form the ApolloProvider context. So on server render, it's easy to pass the client + cache down to my wrapped component. The way to get around it is to create my own wrapped component and pass my second client in the context and use recompose or so to add it to the props then use that prop in the client options configuration.. This just seems way harder and more painful to do than just having it be like:

// Store.js
export default graphql(gql(...))(Products); // uses default client

// Repositories.js
export default graphql(gql(...), {
options: {
client: 'github'
}
})(Repos);

// App.js
<ApolloProvider clients={{ shopify, github }} defaultClient={shopify}>




In comments, I see this example:

import MyOtherClient from "../other-client"

export default graphql(MyQuery, {
client: MyOtherClient,
})(MyComponent);which is great and clean... until you want to do this on the server side. Thoughts?

/cc @jbaxleyiii @flexzuu

[jbaxleyiii]

➤ Jordan Stout commented:

I created this PR to see if this method fixes my SSR issues and it does: apollographql/react-apollo#1292