Trying to use mapDispatchToProps without mapStateToProps. See this is what I'm trying but it keeps giving me this error: TypeError: dispatch is not a function

Animal.jsx

import '../App.css'
import {connect} from 'react-redux';
import React, {Component} from 'react';
import {bindActionCreators} from 'redux';
import {selectAnimal} from '../actions/actions';

class Animal extends Component {       
    onClick = () => this.props.selectAnimal(this.props.animalInfo);    
    render() {                       
        return (
            <div className="card no-selection" onClick={this.onClick}>
                {this.props.animalInfo.name}                
            </div>
        );
    }
}

const mapDispatchToProps = (dispatch) => {
    return bindActionCreators({
        selectAnimal
    }, dispatch)
}

export default connect(mapDispatchToProps)(Animal);

import '../App.css'
import {connect} from 'react-redux';
import React, {Component} from 'react';
import {bindActionCreators} from 'redux';
import {selectAnimal} from '../actions/actions';

class Animal extends Component {       
    onClick = () => this.props.selectAnimal(this.props.animalInfo);    
    render() {                       
        return (
            <div className="card no-selection" onClick={this.onClick}>
                {this.props.animalInfo.name}                
            </div>
        );
    }
}

export default connect(null, { selectAnimal })(Animal);

import '../App.css';
import { connect } from 'react-redux';
import React, { Component } from 'react';
import { selectAnimal } from '../actions/actions';

const Animal = props => (
  <div
    className="card no-selection"
    onClick={() => props.selectAnimal(props.animalInfo)}
  >
    {props.animalInfo.name}
  </div>
);

export default connect(null, { selectAnimal })(Animal);

That is amazing!! Thanks, ^.^