title: Uncaught TypeError: Cannot read properties of undefined (reading 'attribute_value')
body: <p>I have my data in the below format as string inside the objects</p>
  <pre><code> product:{
              attributes:{
                  best_seller_cat:{
                      attribute_value: 'string'
                  }
              }
          }
  </code></pre>
  <p>I just want to get the value of <code>attribute_value</code> from the above object and I tried below code</p>
  <pre><code>renderBestSellerCategories(){
      const {
          product:{
              attributes:{
                  best_seller_cat:{
                      attribute_value
                  }
              }
          }
      } = this.props
      console.log(this.props)
  }
  </code></pre>
  <p>From the above code I got the error <code>Uncaught TypeError: Cannot read properties of undefined (reading 'attribute_value')</code></p>
  <p>This <a href="https://i.stack.imgur.com/3gosz.png" rel="nofollow noreferrer">image</a> contains the output when I try the below code</p>
  <pre><code>renderBestSellerCategories(){
      console.log(this.props.product)
  }
  </code></pre>
  <p>How do I get the string value?</p>
  <p>Thanks in advance</p>