title: Why is reducer failing to update the store?
body: <p>It looks to me like I have my component, action creator, and reducer all set up correctly, but for some reason, my store isn't being updated when I move the slider. </p>
  
  <p>This is my App.js file sans imports</p>
  
  <pre><code>class App extends React.Component {
    state = {
      value: 100,
    };
  
    handleChange = (event, value) =&gt; {
      this.setState({ value });
      console.log(value)
      this.props.dispatch(PriceFilter(value))
    };
  
    render() {
      console.log(this.props)
  
      return (
        &lt;div style={styles.root}&gt;
          &lt;Slider
            value={this.state.value}
            onChange={this.handleChange}
          /&gt;
        &lt;/div&gt;
      );
    }
  }
  
  const mapStateToProps = (state) =&gt; {
    return { price: state.reducers }
  }
  
  export default connect(mapStateToProps)(App)
  </code></pre>
  
  <p>My action is super simple</p>
  
  <pre><code>export const PriceFilter = (price) =&gt; ({
      type: 'PRICE_FILTER',
      price: price
  })
  </code></pre>
  
  <p>My reducer is also very basic:</p>
  
  <pre><code>const initialState = {
      price: 10000
  }
  
  const priceReducer = (state = initialState, action) =&gt; {
      switch(action.type) {
          case 'PRICE_FILTER':
              return {
                  ...state,
                  price: action.price
              }
          default:
              return state
      }
  }
  
  export default priceReducer
  </code></pre>
  
  <p>Does anyone know what I could be doing wrong?</p>