<@UKW3LEYN4> I use react quite abit, I might be ab...

# javascript

[Zachary Grafton]

@Soren Valle I use react quite abit, I might be able to help

[Soren Valle]

Thanks. I'm struggling to get a react-redux store to work. Redux is throwing an error saying: " The previous state received by the reducer has unexpected type of "Object". Expected argument to be an object with the following keys: "properties"" The passed state is an array because the "properties" key is an Array<Property>. It seems as though some how Redux is expecting the entire state object, but is only getting the scoped state. Based on what I've been reading it's supposed to get the scoped state. I'm not able to determine why it would be expecting the entire state object.

[Soren Valle]

App.kt: https://gist.github.com/SorenV/f620dff4fa8be60df1319cbb4f530a07

[Soren Valle]

State.kt: https://gist.github.com/SorenV/0a007ddeb7e42c8b1c469786b312f033

[Soren Valle]

Properties.kt (Reducer): https://gist.github.com/SorenV/7339c26ca8df785392ccb9b593db27c7

[Soren Valle]

Util.kt (from: https://github.com/lawik123/kotlin-poc-frontend-react-redux): https://gist.github.com/SorenV/0aa9a45df4da70d67dd4495d2b7027c1

[Soren Valle]

Actions.kt: https://gist.github.com/SorenV/2e61d5ce12f4ea78aee1e70313e1ce82

[Soren Valle]

If I had to guess as to where I have it wrong it would be in App.kt 26-36 since that part is not very clear between the Wrapper github read me, the redux docs, and the "tutorial" project.

[Soren Valle]

So it turns out it was just a warning, and I had another error and I thought the two were related. For some reason Kotlin's js is sending back an "Object" and not a "plainObject". Not sure why Redux cares enough to give a red warning, but still works. ¯\_(ツ)_/¯ Certainly messes with newbies.

[Zachary Grafton]

Soren, have you looked at the newer react useReducer api? Combined with the react context API, it can remove a lot of the need for redux.

[Zachary Grafton]

Also, you might want to use interfaces combined with the json function when passing stuff between kotlin and javascript. The json function will construct a plain javascript object and the interface will help with type safety. I've found this to be a solution to a lot of problems when working with plain javascript APIs. Kotlin adds a lot of stuff to objects if you aren't careful.

[Soren Valle]

I haven't tried them no, thank you for pointing them out. If I understand the utilization that would enable a more modular approach to the store. Thank you for the advice, being new to Kotlin little things like that are useful.