How to pass store explicitly into as a prop to "Connect()"

Question

I am trying to test my React component and getting the following error.

Invariant Violation: Could not find "store" in either the context or props of "Connect()". Either wrap the root component in a <Provider>, or explicitly pass "store" as a prop to "Connect()".

The error comes while rendering the Component in the test.

beforeEach(() => {
  Component = TestUtils.renderIntoDocument(<SideMenu />);
});

It works fine when rendering the Component on the page. However in test, I am not able to pass the store explicitly into the Component.

Can someone point in the right direction?

Answer 1

To answer the question (I ran into this and the accepted answer is not what I needed), create a new method like:

function connectWithStore(store, WrappedComponent, ...args) {
  let ConnectedWrappedComponent = connect(...args)(WrappedComponent)
  return function (props) {
    return <ConnectedWrappedComponent {...props} store={store} />
  }
}

Then, for connect, use:

const ConnectedApp = connectWithStore(store, App, mapStateToProps, mapDispatchToProps,)

export default ConnectedApp;

See here: https://github.com/reactjs/react-redux/issues/390#issuecomment-221389608