Redux-persist: Why is rehydration not working for me?

[r1cebank]

Hi, thank you for the awesome library. I am having some issue using this for react native 0.26, the rehydration did not really modify my state. Here is the log for the rehydrate action

and this is how I implement this into my app:

Its probably caused by something I did, any help is appreciated.

Thank You

[rt2zz]

Most likely you are modifying state in your reducers, so autoRehydrate is skipping your reducers.

In order for autoRehydrate to work, you need dataReducer to by default return state unmodified.

switch action.type:
// ...
default: return state

Your other option is to not use autoRehydrate and instead handle the rehydrate manually:

switch action.type:
  case REHYDRATE: 
    return {...state, ...action.payload.dataReducer}
// ...

I wrote this on my phone so let me know if anything is broken or confusing

[r1cebank]

Thanks for the quick reply, I do have dataReducer and return state unmodified by default. Could it be caused by something else? It does work when I use manual hydration.

[rt2zz]

actually upon further inspection I think your createStore call is wrong, It only takes 3 arguments so it should look more like:

let enhancer = autoRehydrate()(devtools())
createStoreWithMiddleware(rootReducer, initialState, enhancer)

[r1cebank]

Man, I am so careless. Thanks for all the help.

[rt2zz]

👍

[sattaman]

This just helped me. My issue was I had autoRehydrate last in the enhancer chain, after devTools.

const configureStore = (initialState) => {
  const enhancer = compose(
    applyMiddleware(thunk, createLogger()),
    devTools(),    
    autoRehydrate(),
  );
  return createStore(rootReducer, initialState, enhancer);
};

Swapping to

const configureStore = (initialState) => {
  const enhancer = compose(
    applyMiddleware(thunk, createLogger()),
    autoRehydrate(),
    devTools(),
  );
  return createStore(rootReducer, initialState, enhancer);
};

Fixed for me.

[ivanhoe-dev]

Most likely you are modifying state in your reducers, so autoRehydrate is skipping your reducers.

In order for autoRehydrate to work, you need dataReducer to by default return state unmodified.

switch action.type:
// ...
default: return state

Your other option is to not use autoRehydrate and instead handle the rehydrate manually:

switch action.type:
  case REHYDRATE: 
    return {...state, ...action.payload.dataReducer}
// ...

I wrote this on my phone so let me know if anything is broken or confusing

You've saved my life. Just realized the default case of the reducer must be state

[daveckw]

I had the same issue and realised that in my reducer I did this:

defaut:
return{...state}

instead of

default:
return state