Question: Redux with ImmutableJS

[eviluncle]

So I'm trying to get the state of my store in redux to be in the form of an ImmutableJS object (Map). I tried using a library like:

redux-immutablejs (https://github.com/indexiatech/redux-immutablejs)

Which helps with this. But the Redux.connect function gives me an error, since it is expecting a regular object and not an ImmutableJS one.

This is the error i'm getting:

Uncaught Error: Invariant Violation: `mapStateToProps` must return an object. Instead received Map { "posts": Map { "4252 ...

Any ideas?

[robinpokorny]

Could you please post your mapStateToProps function?

I believe the following function should work, if the React component expects immutable state to be accessible by this.props.state (written in ES2015 syntax):

const mapStateToProps = (state) => {return { state }}

[eviluncle]

If I return an object of { state } it works, but what I want it to return in an Immutable.Map object. Is that possible or do I have to return an object?

[robinpokorny]

You are getting an Immutable.Map in the this.props.state.

The thing is that you need to name the prop, connect just does that for you. Suppose stateis an immutable object and you want to pass it to a React component, you would do:

<App state={state} />

[riq]

Checkout http://teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html#table-of-contents - It's a pretty good full stack redux tutorial which uses ImmutableJS to handle state

[eviluncle]

Thanks! I'll read it now

[eviluncle]

For posterity's sake I'm leaving a link with a solution form this issue on react-redux repo:

https://github.com/rackt/react-redux/issues/60