title: Having an issue getting vaues to onClickHandler Due to MUI
body: <p>So I want to get a category navigation which contains icons and labels.
  I've tried with Chips:</p>
  <pre><code>                 {categories.map((category) =&gt; (
                      &lt;Chip
                          key={category._id}
                          avatar={&lt;Avatar alt={category.name} src={category.icon} /&gt;}
                          label={category.name}
                          variant=&quot;outlined&quot;
                          onClick={(e) =&gt; handleClick(e)}
                          value={category._id}
                      /&gt;
                  ))}
  </code></pre>
  <p>Ive tried using Tabs -&gt; Tab. But they don't produce a &quot;value&quot; when i</p>
  <pre><code>const handleClick = (e) =&gt; {
  
      const valueTargeting= e.target.value;
      console.log(valueTargeting);
  };
  </code></pre>
  <p>Is there a way to use any of these, or do I have to resort to designing a button?
  Also notice they do output a &quot;value&quot; when clicked at a certain area(which is small surface area). Is that a bug on my part?</p>