Реагировать на функцию избыточного соединения, возвращающую что-то непредвиденное

Question

Я потерян на этом. когда я запускаю 'yarn run build', а затем 'serve -s build', чтобы локально взглянуть на мое приложение, this.props возвращает что-то не ожидаемое. Я считаю, что что-то не так с моей функцией подключения.

import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';
import * as actionCreators from '../actions/actionCreators.js';
import Main from './Main';


function mapStateToProps(state){
    return {
        posts: state.posts,
        comments: state.comments
    }
}

function mapDispatchToProps(dispatch){
    return bindActionCreators(actionCreators, dispatch);
}

const App = connect(mapStateToProps, mapDispatchToProps)(Main);

export default App;

Я ожидаю получить это, когда я console.log (Приложение):

ƒ Connect(props, context) {
            _classCallCheck(this, Connect);

            var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));

            _this.version = version;

но вместо этого, когда я консоль приложения журнала, я получаю это:

{$$typeof: Symbol(react.memo), type: ƒ, compare: null, WrappedComponent: ƒ, 
displayName: "Connect(t)", …}
$$typeof: Symbol(react.memo)
WrappedComponent: ƒ t()
compare: null
displayName: "Connect(t)"
type: ƒ d(n)
apply: ƒ apply()
bind: ƒ bind()
call: ƒ call()
Symbol(Symbol.hasInstance): ƒ [Symbol.hasInstance]()
__proto__: Object