Компонент высокого порядка и избыточность

Question

У меня есть hoc и избыточность на странице моего приложения (на странице пользователя).

В конце моего компонента у меня есть:

...

const mapStateToProps = state => {
  console.log(state)
}


export default connect(mapStateToProps)(withAuth(User))

Я делаю console.log(props) в начале рендера, но ... при первом рендере я получил состояние избыточности,но на втором рендере я получил это:

почему? редуктор, на котором я сейчас работаю:

case 'GET-USERS':
      const ami = state.usersOnline.filter(e => e === action.user._id);
      if(ami.length === 0){
        state = {...state, usersOnline: state.usersOnline.concat(action.user)}
      }
      break;

Мне нужна помощь!

Когда я добавил решение Лукаса, я получил эту ошибку:

Answer 1

Ваш метод mapStateToProps должен получить состояние избыточности в качестве аргумента и вернуть подмножество компонентов компонентов. Поэтому возвращаемое значение функции должно быть объектом, но вы ничего не возвращаете.

Измените его на что-то вроде:

const mapStateToProps = state => {
  console.log(state)
  return { /* component props */ };
}

Answer 2

Ваш редуктор возвращает состояние?

например return state после вашего оператора switch?