title: When I edit line 14 addReminder function the app break any insight to what I am doing wrong?
body: <p>In this code below, I keep running into this error message &quot;Error: Actions may not have an undefined &quot;type&quot; property. Have you misspelled a constant?&quot; This I received the error message after editing my addReminder on line 14. Any insight?</p>
  <pre><code>import React, { Component } from 'react';
  import { connect } from 'react-redux';
  import { bindActionCreators } from 'redux';
  import { addReminder } from '../action';
  
  class App extends Component{
      constructor(props) {
      super(props);
      this.state = {
          text: ''
      }
  }
  
  addReminder() {
      this.props.addReminder(this.state.text);
  }
  
      render(){
          return (
              &lt;div className=&quot;App&quot;&gt;
                  &lt;div className=&quot;title&quot;&gt;
                      Reminder Pro
                  &lt;/div&gt;
                  &lt;div className=&quot;form&quot;&gt;
                      &lt;div className=&quot;form=group&quot;&gt;
                          &lt;input
                          className=&quot;form-control&quot;
                          placeholder=&quot;I have to...&quot;
                          onChange={event =&gt; this.setState({text: event.target.value})}
                          /&gt;
                      &lt;/div&gt;
                      &lt;button 
                      type=&quot;button&quot;
                      className=&quot;btn btn-success&quot;
                      onClick={() =&gt; this.addReminder()}
                      &gt;
                          Add Reminder
                      &lt;/button&gt;
                   &lt;/div&gt;
  
              &lt;/div&gt;
          )
      }
  }
  
  function mapDispatchToProps(dispatch) {
      return bindActionCreators({addReminder}, dispatch);
  }
  
  export default connect(null, mapDispatchToProps)(App);
  </code></pre>