Unable to use with Apollo Client about webext-redux HOT 8 CLOSED

That's ok! I'm gonna leave a note here for future reference. In order to use Apollo Client with this package, we need to specifically tell Apollo Client to use the store created in react-redux-chrome.

For example, in your Root component:

class Root extends Component {
  render() {
    const {
      store,  //  this is the store created by `react-chrome-redux`
      client, // normal Apollo client
    } = this.props;
    
    client.setStore(store); // this is a private method in Apollo client. Be sure to always check this.

    return (
      <ApolloProvider store={store} client={client}>
        <App />
      </ApolloProvider>
    );
  }
}

from webext-redux.

@vhmth oops, definitely a typo! thanks for editing!

from webext-redux.

This issue is not related to react-chrome-redux but 'react-apollo`.

from webext-redux.

@sammkj Good to hear you figured it out! Sorry for the late reply!

from webext-redux.

Great! Thanks @sammkj

from webext-redux.

Dope thanks for providing a solution @sammkj - super super useful. I updated the code snippet to say client={client} instead of client-{client} - let me know if that wasn't a typo.

💯

from webext-redux.

@sammkj Thank you for the solution!
Am I right that Apollo Client will fetch queries on webpages instead of background page?

from webext-redux.

@mironov Glad that helped!

Yeap, that's correct if you're using react-apollo.

from webext-redux.