title: this.props is not a function redux from parent to child component
body: <p>Hi I am having an issue calling an action in a child component.</p>
  
  <p>However, I can run the CompanyForm component by itself and it'll work, but when treated as a child component, I run into an error:</p>
  
  <blockquote>
    <p>Uncaught TypeError: this.props.createCompany is not a function</p>
  </blockquote>
  
  <p>Companies.js</p>
  
  <pre><code>render() {
      return (
          &lt;div&gt;
              &lt;CompanyForm/&gt;
          &lt;/div&gt;
      );
  }
  </code></pre>
  
  <p>CompanyForm.js</p>
  
  <pre><code>import { createCompany } from "../../actions/companyAction";
  export class CompanyForm extends Component {
  constructor(props) {
      super(props);
  
      this.state = {
          companyName: '',
          street1: '',
          street2: '',
          city: '',
          state: '',
          zipcode: ''
      };
  
      this.handleSubmit = this.handleSubmit.bind(this);
  }
  
  
  handleSubmit(event) {
      event.preventDefault();
      const company = {
          ...
      };
      console.log(company);
      this.props.createCompany(company)
  
  }
  }
  export default connect(null, { createCompany })(CompanyForm);
  </code></pre>
  
  <p>companyActions.js</p>
  
  <pre><code>export const createCompany = (companyData) =&gt; dispatch =&gt; {
  console.log('CREATE_COMPANY: ', companyData);
  fetch('api/Company/Create', {
      ...
  )};
  </code></pre>