Ошибка Error: Actions must be plain objects. Use custom middleware for async actions?

Question

[Алексей Яковлев]

action:

export const signIn = valid => {
    return {
        type: 'SIGN_IN',
        payload: valid
    }
}

reducer:

const loggedReducer = (state=false, action) => {
    switch(action.type) {
        case 'SIGN_IN':
            return !state;
        default:
            return state;
    }
}

export default loggedReducer;

Как я с ними работаю:

const [username, setUsername] = React.useState('');
const [password, setPassword] = React.useState('');
const dispatch = useDispatch();

localStorage.setItem('user', JSON.stringify(dispatch(signIn(false)).payload));

function login(event) {
        event.preventDefault();

        if (username === 'Admin') {
            if (password === '12345') {
                localStorage['user'] = dispatch(signIn(true).payload);
            }   
        } else {
            localStorage['user'] = dispatch(signIn(false).payload);
            alert('Имя пользователя или пароль введены не верно');
        }
    }

Comments

[Михаил]

dispatch(signIn(true).payload)

в dispatch передаётся объект?

[Алексей Яковлев]

Михаил, вроде да

[Михаил]

Алексей Яковлев, .payload вроде да?

[Алексей Яковлев]

Михаил, опечатка. Зачем тогда такой вопрос?

[Михаил]

Алексей Яковлев, вы уже сутки не можете эту проблему решить?

[Алексей Яковлев]

Михаил, решил, щас ответ напишу

[Михаил]

Алексей Яковлев, нужно не диспатчить булеву

Answer 1

[Алексей Яковлев]

Нужно добавить JSON.stringify()

и брать payload из dispatch

localStorage['user'] = JSON.stringify(dispatch(signIn(true)).payload);