Redux-devtools-extension: Non-string action types are reported `<UNDEFINED>`

[ajcrites]

You can use anything as an action type, but it seems like only strings are logged properly.

For example if you have LOAD_USER = Symbol('load user'); and then dispatch({ type: LOAD_USER }), it will log the action as <UNDEFINED>.

The action type should be logged as String(action.type).

[zalmoxisus]

Use serialize parameter for that:

const store = Redux.createStore(reducer, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__({
  serialize: true
}));

See API docs for more details.

I actually was trying to do the way you suggested in redux-devtools-instrument, but that was causing issues when recomputing actions.

[iamscottcox]

I'm having a similar issue, but some of my Symbol action types are being logged.

We have passed serialize as an option:

Any ideas on what might cause this? :)

[CoderKwong]

I also have this problem.How to fix it?

[ajcrites]

IMO you should probably use strings for action types versus something like symbols. My understanding is that strings are serializable, but Symbols are not. The Redux docs specify this; I don’t think there’s an advantage to using Symbols over strings for action types.

[kymar]

I recently had this problem and fixed it using the actionSanitizer key on object passed into the extension middleware to specifically convert the symbol to a string, seems like this is a little overkill but works for now ?

const store = createStore(
  rootReducer,
  window.__REDUX_DEVTOOLS_EXTENSION__ &&
    window.__REDUX_DEVTOOLS_EXTENSION__({
      actionSanitizer: action => ({
        ...action,
        type: action.type.toString()
      })
    })
);

[zalmoxisus]

It was a regression in jsan, it's downgraded now and fixed in 2.16, which will land o Chrome Store in a day.