Immutablejs - map not making nested objects immutable

Question

I am setting up a map like so:

import { Map } from 'immutable';

const initialState = {
   a: "test",
   b: {
    inside: "inside value"
   }
} 

const otherState = {
   c: "other value"
}

 const myState = new Map({ app: new Map(initialState).merge(otherState) });

This seemed to be working, however when I try to change values inside the nested object it does not seem to be working for me (I'm getting "invalid keypath"). So trying:

myState.setIn(['app', 'b', 'inside'], 'newValue');

is giving me an "invalid keypath" error. It's looking like When I log it out that the nested object is not being turned immutable. Unsure what I am doing incorrectly.

Edit - here is a codepen to show the problem - https://codepen.io/ajmajma/pen/rRQoZp

zerkms · Accepted Answer · 2019-03-22 01:17:39Z

2

Apparently the correct path should be ['app', 'b', 'inside'] given that app is the only property of the myState object.

You also need to Immutable.fromJS() your initialState and otherState objects, otherwise nested keys are treated as JS objects, not immutablejs maps.

const myState = new Map({ app: new Map(Immutable.fromJS(initialState)).merge(Immutable.fromJS(otherState)) });

edited Mar 22, 2019 at 1:17

answered Mar 22, 2019 at 0:56

zerkms

256k73 gold badges447 silver badges551 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ajmajmajma Over a year ago

Typo by me - sorry! I added a codepen to demonstrate the issue.

Collectives™ on Stack Overflow

Immutablejs - map not making nested objects immutable

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related