title: why is this.props.category returning undefined? Redux
body: <p>why is my this.props.category returning undefined both in the current version of the code, and also in the code that is commented out?
  I followed a youtube video and did everything as instructed i don't understand what the issue might be.
  Any help is appreciated! Thank you in advance!</p>
  <pre><code>import React, { Component } from 'react'
  import &quot;./ProductListPage.css&quot;;
  import { GET_PRODUCTS } from '../api/index.js'
  import { Query } from 'react-apollo'
  import { connect } from &quot;react-redux&quot;;
  import {changeCategory} from &quot;../state/actions/&quot;
  
  export class ProductListPage extends Component {
    
    render() {
      
     
      {console.log(state.category)}
      return (
        
        &lt;div&gt;{this.props.category}&lt;/div&gt;
        
        // &lt;Query query={GET_PRODUCTS}&gt;
        //   {
        //     ({ data, previousData, loading, error }) =&gt; {
        //       if (loading) return &lt;div&gt;Loading...&lt;/div&gt;
        //       if (error) return &lt;div&gt;Error: {error}&lt;/div&gt;   
        //       console.log(this.props.category)
        //       return (
        //       &lt;&gt;
        //       &lt;div&gt;{this.props.category}jj&lt;/div&gt;
        //       &lt;/&gt;
        //       )
        //     }
        //   } 
        // &lt;/Query&gt;
      )
    }
  }
  
  const mapStateToProps = (state) =&gt; {
     
     return { 
       category: state.category
       
      };
    
  };
  const mapDispatchToProps = (dispatch) =&gt; {
    return {
      changeCategory
    }
  }
  export default connect(mapStateToProps)(ProductListPage)
  </code></pre>
  <p>My state</p>
  <p><a href="https://i.stack.imgur.com/2AoMX.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2AoMX.jpg" alt="enter image description here" /></a></p>