Using Immutable.js state with redux-localstorage

I’m not sure how to setup the config parameter to properly use an Immutable object, This is how I configure the options:

import Immutable from 'immutable';

export const LocalStorageConfig = {
    serialize: (subset) => subset.toJson(),
    deserialize: (serializedData) => Immutable.fromJS(JSON.parse(serializedData)),
    merge: (initialState, persistedState) => initialState.mergeDeep(persistedState)
};

But I get an error with my selector, state.get is not a function :

export const menuSelector = createSelector(
    mainSelector,
        (state) => ({
            menu: state.get('menu')
    })
);

It looks like I’m missing something here.

[NameFILIP]

I’ve improved slicer from the previous example.

const localStorageConfig = {
  slicer: (paths) => (state) => (paths ? state.filter((v, k) => paths.indexOf(k) > -1) : state),
  serialize: (subset) => JSON.stringify(subset.toJS()),
  deserialize: (serializedData) => Immutable.fromJS(JSON.parse(serializedData)),
  merge: (initialState, persistedState) => initialState.mergeDeep(persistedState),
};

Use-case:

persistState(undefined, localStorageConfig)

[kretz]

I got it to work with the following, which is changed from the initial comment. Also, I was tripped up when combining this with combineReducers and removed it.

const loggerMiddleware = createLogger();

const localStorageConfig = {
  slicer: (paths) => (state) => state.filter((v,k) => paths.indexOf(k) > -1),
  serialize: (subset) => JSON.stringify(subset.toJS()),
  deserialize: (serializedData) => Immutable.fromJS(JSON.parse(serializedData)),
  merge: (initialState, persistedState) => initialState.mergeDeep(persistedState)
};

const createPersistentStore = compose(
  persistState(['userId', 'idToken'], localStorageConfig),
  applyMiddleware(
    thunkMiddleware,
    loggerMiddleware
  )
)(createStore);

const store = createPersistentStore(rootReducer);