How to use object spread with nested properties?

Error you are getting because of the this key:

loginForm.email

It's not a valid object key.

Write it like this:

return {     ...state,     loginForm: {        ...state.loginForm,        email: action.payload.email    } }

javascript reactjs object react-redux

I think you want something like this:

{ ...state, loginForm: { email: action.payload.email } }

CodeHunter