Восстановить HOC, не отображающий дочерний компонент

Так что я надеюсь, что мне здесь не хватает чего-то простого.

Я пытаюсь интегрировать перекомпоновку, чтобы я мог переместить несколько функциональных фрагментов кода из моего рендеринга (тупого) компонента в мой HOC.

Следующий HOC не отображает его дочерний (MainReduxForm) компонент. Что мне не хватает?

import { connect } from 'react-redux';
import MainReduxForm from './MainForm';
import { formValueSelector } from 'redux-form';
import { compose, lifecycle } from 'recompose';  

export default () => MainFormContainer => {

const mapState = (state, ownProps) => {
  return {
    test: test
  };
};


const mapDispatch = (dispatch, ownProps) => {
    return {
      onOrderChange: order => dispatch({type: 'FETCH_ORDER', order: order}),
    }
}



 return compose(
  connect(mapState, mapDispatch)
  (MainReduxForm));

ОШИБКА =

Функции недействительны в качестве дочерних React. Это может произойти, если вы вернете компонент вместо отрисовки. Или, может быть, вы хотели вызвать эту функцию, а не вернуть ее.