Invalid context `storeSubscription` of type `Subscription`...

I am seeing the following error in the Chrome dev tools:

Warning: Failed context type: Invalid context `storeSubscription` of type `Subscription` supplied to `Connect(connectForm(Form))`, expected instance of `Subscription`.

The error happens when I @connect a component that contains another connected component somewhere deeply in the tree. The error is on the nested component, not the parent component. I have tried boiling this down to a minimally reproducible case, but I am having trouble coming up with one. When I remove the @connect from my top-level component, the error goes away. I haven’t noticed any functional problems.

Any suggestions on creating a reproducible case?

FYI, the following case does not produce the error in the console:

@connect(state => ({
  hello: true,
}))
class Outer extends React.Component {
  render() {
    return <Child><Inner /></Child>;
  }
}

class Child extends React.Component {
  render() {
    return this.props.children;
  }
}

@connect(state => ({
  hello: true,
}))
class Inner extends React.Component {
  render() {
    return <span>hello</span>;
  }
}

render(<Provider store={store}><Outer /></Provider>, document.body);

[chrisvasz]

Actually yes, that is exactly what’s happening. Sorry for the false alarm!

For future reference: React uses the instanceof operator to check the type of StoreSubscription. Since I had two copies of React Redux loading, the left side of the instanceof check was a StoreSubscription from React Redux A, and the right side of the instanceof check was from React Redux B. Whoops!

[Elijen]

Happened to me today after upgrading react-redux. Seems to be caused by hot reloading. Simply restarting webpack-dev-server solved the issue.