Почему не вызывается action Redux?

import React, {Fragment} from 'react';
import Nav from './Nav';
import { connect } from 'react-redux';

import { Login } from '../actions/user';

class Profile extends React.Component {
    handleLogin() {
        this.props.LoginAction();
    }

    render() {
        return(
            <Fragment>
                <h1>Profile !!!</h1>
                <Nav/>
                <button onClick={this.handleLogin}>LOGIN</button>
            </Fragment>
        )
    }
}

const mapStateToProps = store => {
    return {
        isLogin: store.user.isLogin,
        isLoaded: store.content.isLoaded,
    }
}

const mapDispatchToProps = dispatch => {
    return {
        LoginAction: () => dispatch(Login())
    }
}

export default connect(
    mapStateToProps,
    mapDispatchToProps
)(Profile);

const initialState = {
    isLogin: false
}

export function userReducer(state = initialState, action) {
    switch(action.type) {
        case 'LOGIN':
            return {
                ...state, isLogin: !state.isLogin
            }
        default:
            return state
    }
}

export function Login() {
    return {
        type: 'LOGIN'
    }
}