title: this.props.decreaseCounter is not a function : Redux attempt
body: <p>I am trying to learn redux following a tutorial online but when I am almost done I ran into this error <code>this.props.decreaseCounter is not a function. (In '_this.props.decreaseCounter()', '_this.props.decreaseCounter' is undefined) </code></p>
  <p>I am not sure why this is the case. I just changed them to this.props after implementing the mapPropsToDispatch function in counterApp.</p>
  <p>App.js</p>
  <pre><code>const intialState = {
    counterRedux: 0
  }
  const reducer = (state = intialState, action) =&gt; {
   switch(action.type){
      case 'INCREASE_COUNTER':
        return{counter:state.counterRedux+1}
      case 'DECREASE_COUNTER':
        return{counter:state.counterRedux-1}
   }
    return state;
  }
  const store = createStore(reducer);
  
  
  export default class App extends React.Component {
    render() {
      return(
        &lt;Provider store={store}&gt;
          &lt;CounterApp/&gt;
        &lt;/Provider&gt;
        
      );
    }
  }
  </code></pre>
  <p>CounterApp.js</p>
  <pre><code>class CounterApp extends Component {
  
  
      render() {
          return (
              &lt;View style={styles.container}&gt;
                  &lt;View style={{ flexDirection: 'row', width: 200, justifyContent: 'space-around' }}&gt;
                      &lt;TouchableOpacity onPress={() =&gt; this.props.increaseCounter()}&gt;
                          &lt;Text style={{ fontSize: 20 }}&gt;Increase&lt;/Text&gt;
                      &lt;/TouchableOpacity&gt;
                      &lt;Text style={{ fontSize: 20 }}&gt;{this.props.counter}&lt;/Text&gt;
                      &lt;TouchableOpacity onPress={() =&gt; this.props.decreaseCounter()}&gt;
                          &lt;Text style={{ fontSize: 20 }}&gt;Decrease&lt;/Text&gt;
                      &lt;/TouchableOpacity&gt;
                  &lt;/View&gt;
              &lt;/View&gt;
          );
      }
  }
  
  function mapStateToProps(state){
      return {
           counter: state.counterRedux
      }
  }
  
  function mapDispatchToProps(dispatch){
      return {
          increaseCounter : () =&gt; dispatch({type: 'INCREASE_COUNTER'}),
          decreaseCounter : () =&gt; dispatch({type: 'DECREASE_COUNTER'}),
      }
  }
  
  export default connect(mapStateToProps)(CounterApp)
  
  </code></pre>