ChildComponent.js with connect - Managing Application state without Redux

ChildComponent.js

import React from 'react';
import { connect } from './redux';

const ChildComponent = ({ count, updateCounter }) => {
    return (
      <div>
        <p>This is the child component</p>
        <p>{count}</p>
        <button type='button' onClick={updateCounter}>Click me, I can plus one too!</button>
      </div>
    );
}

const mapState = ({ count }) => ({
  count
});

const mapDispatch = (dispatch) => ({
  updateCounter: () => dispatch({ type: 'increment' })
});

export default connect(mapState, mapDispatch)(ChildComponent);