Immutable remove item from array from all elements in Map | Redux state - redux

Question

I am facing some problems removing an items from an array from every element within a map in my Redux state.
Using the following structure
entities: {
brands: (Map) {
first: {
...props,
strategists: [
'1', '2'
]
},
second: {
...props,
strategists: [
'1', '2'
]
}, ..
}
}
This is the best I could do:
const newBrands = state
.get('brands')
.map(brand => brand.updateIn(['strategists'], strategists => strategists.filter(s => s !== id)))
return state.set(['brands'], newBrands)
I doesn't add up tho and I coudn't really find it online either.
Thanks

Answer 1

I had not used Immutable.js before, but I played around with your code example and everything seems to work as expected up until the last line, where you're setting state using state.set(['brands'], newBrands) instead of state.set('brands', newBrands); Could that have been the issue? Otherwise the only change is that I assumed that the first and second should also be Maps, so if you got an error before then maybe that was also part of the problem.
I included the code just in case:
const state = Immutable.Map({});
const original = Immutable.Map({
first: Immutable.Map({
someProp: 'someValue1',
strategists: [
'1', '2', '3'
]
}),
second: Immutable.Map({
someProp: 'someValue2',
strategists: [
'1', '2', '3'
]
})
});
const id ='2';
const brands = original
.map(brand =>
brand.updateIn(['strategists'], strategists =>
strategists.filter(s => s !== id)
)
);
const newState = state.set('brands', brands);
console.log(
newState.get('brands')
.toString()
);
<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.1/immutable.js"></script>