title: Failed prop type: The prop `userSignUpRequest` is marked as required in `Login`, but its value is `undefined`
body: <p>Im trying to create a React Component using Redux and with functions
  <strong>userSignUpRequest</strong> I follow a tutorial but still getting the error:
  I think is possible becouse I use module.exports to export my component instead of export by default but im not sure how to fix it.</p>
  
  <p><a href="https://i.stack.imgur.com/TXxsE.png" rel="noreferrer"><img src="https://i.stack.imgur.com/TXxsE.png" alt="enter image description here"></a></p>
  
  <p>My Store:</p>
  
  <pre><code>const middleware = routerMiddleware(hashHistory);
  const store = createStore(
    reducers,
    applyMiddleware(middleware)
  );
  
  render(
    &lt;Provider store={store}&gt;
      &lt;Router
        onUpdate={scrollToTop}
        history={history}
        routes={rootRoute}
      /&gt;
    &lt;/Provider&gt;,
    document.getElementById('app-container')
  );
  </code></pre>
  
  <p>This is my Component:</p>
  
  <pre><code>import React from 'react';
  import PropTypes from 'prop-types';
  import { connect } from 'react-redux'; //to pass functions
  import { userSignUpRequest } from '../../../actions/loginAxios'; 
  
  class Login extends React.Component {
    constructor() {
      super();
      this.state = {
        {** initial state **}
      };
    }
  
    onSubmit(e) {
      e.preventDefault();
      if(this.isValid()){
        //reset errros object and disable submit button
        this.setState({ errors: {}, isLoading: true });
  
        //we store  a function in the props
        this.props.userSignUpRequest(this.state).then(
          (response) =&gt; {
            //succes redirect
            this.context.router.history.push('/');
          },
          (error) =&gt; {
            console.log("error");
            this.setState({ errors: error.response.data, isLoading: false });
          });
  
      } else {
        console.log(this.state.errors);
      }
  
    }
  
    onChange(e) {
      this.setState({ [e.target.name]: e.target.value });
    }
  
    render() {
      const { errors } = this.state; //inicializate an get errors
      const { userSignUpRequest } = this.props;
  
      return (
        &lt;div className="body-inner"&gt;
          {*** My React Login React Form ***}
        &lt;/div&gt;
      );
    }
  }
  
  const Page = () =&gt; (
    &lt;div className="page-login"&gt;
      &lt;div className="main-body"&gt;
        &lt;QueueAnim type="bottom" className="ui-animate"&gt;
          &lt;div key="1"&gt;
            &lt;Login /&gt;
          &lt;/div&gt;
        &lt;/QueueAnim&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  );
  
  //To get the main Actions
  Login.propTypes = {
    userSignUpRequest: PropTypes.func.isRequired
  
  };
  
  function mapStateToProps(state) {
    //pass the providers
    return {
  
    }
  }
  
  module.exports = connect(mapStateToProps, { userSignUpRequest })(Page);
  </code></pre>
  
  <p>This is my function "loginAxios.js"</p>
  
  <pre><code>import axios from "axios";
  
  export function userSignUpRequest(userData) {
    return dispatch =&gt; {
      return axios.post("/api/users", userData);
    }
  }
  </code></pre>
  
  <p>I am new to React so I would greatly appreciate your support!! Thanks</p>