Debug actions

I cannot debugger or console.log inside an action. It does nothing and also swallows all errors.

How can I see what is going on inside an action?

export const {
  reducer: platformReducer,
  actions: platformActions
} = autodux({
  slice: 'platforms',
  initial: {},
  actions: {
    setPlatforms: (_, payload) => {
      const newPlatform = {};
      console.log(payload);
      debugger;
      payload.forEach(g => newPlatforms[g.id] = g);
      return newPlatforms;
    }
  }
});

[ericelliott]

I did notice that you’re mutating an object that does not exist in your reducer.

At the top of the reducer, you have:

const newPlatform = {};

Then, when you try to use it, you use newPlatforms instead of newPlatform.

Any good lint tool should point out this kind of mistake for you. I wrote an article on setting up lint tools.

[ericelliott]

Another thing to try: Can you reproduce it when you try to reduce over an array of actions with Array.prototype.reduce?