state.merge is not a function about reduxsauce HOT 7 CLOSED

I'd be happy to help.
First, let's start with your code snippet above:
loginRequest takes in two parameters loginRequest: ['username', 'password']

so your reducer should as well:
export const loginRequestReducer = (state, { username, password }) => {

That aside, how are you calling this? Is it something like:

const Item = ({ loading, login }) => {
  return (
    // some jsx here, calling the function on some button click or something: login('someone', 'password')
  )
}

const mapStateToProps = state => ({
  loading: state.foo.loading
})

const mapDispatchToProps = dispatch => ({
  login: (username, password) => dispatch(FooActions.loginRequest(username, password))
})

export default connect(mapStateToProps, mapDispatchToProps)(Item)

from reduxsauce.

Also your reducer, I would typically write like this:

export const loginRequestReducer = (state = INITIAL_STATE, { username, password }) => state.merge({
    loading: true,
    error: null
})

from reduxsauce.

Thanks @jkeam

It seems something about the way I persist the store is causing this issue. The methods from Immutable are available when the mobile app first runs but are removed when the app reloads.

from reduxsauce.

Ah. Would it help if I looked at your actual code? Do you have a github repo or something?

from reduxsauce.

@Thembelani Are you still encountering issues or can I close this issue?

from reduxsauce.

Thanks for the help @jkeam

from reduxsauce.

You can do something like this for your reducer to avoid the error state.merge is not a function.

export function reducer (state = INITIAL_STATE, action) {
    if (!Immutable.isImmutable(state)) {
        state = Immutable.from(state)
    }

    if (Types[action.type]) {
        return Types[action.type](state, action)
    }

    return state
}

from reduxsauce.