"skipping autoRehydrate" throw for nested Object and Array

I try to mix redux-persist with https://github.com/omnidan/redux-undo for fun but what I found so far is when I have nested object array (generated by undoredo), autoRehydrate will refuse to work.

And that because https://github.com/rt2zz/redux-persist/blob/master/src/autoRehydrate.js#L61 compare…

    if (state[key] !== reducedState[key]) {

which…

state[key]: Object {past: Array[0], present: Array[0], future: Array[0], history: Object}
reducedState[key]: Object {past: Array[0], present: Array[0], future: Array[0], history: Object}

is (kinda) same (blank) value but (obviously) different object so it didn’t equal anyway.

Any hint to make it work?

Thanks

[dsernst]

I was able to get around this problem by adjusting my reducer to clone the array, instead of just directly modifying its values.

This reducer was being ignored by autoRehydrate:

    case 'ADJUST_SCORE': {
      const updatedPeople = state.people
      updatedPeople[action.rowIndex].score = action.score

      return { ...state,
        people: updatedPeople,
      }
    }

Fixed:

    case 'ADJUST_SCORE': {
-     const updatedPeople = state.people
+     const updatedPeople = [...state.people]
      updatedPeople[action.rowIndex].score = action.score

      return { ...state,
        people: updatedPeople,
      }
    }

Hope this helps ✌️👍

[aguynamedben]

This hasn’t been responded to in a long while, so I’m going to mark it as stale. Please feel free to continue the conversation and I’ll reopen.