title: Material-Table: Change a specific action's colour on click / state change
body: <p>How can I style a particular MT action based on a different state?</p>
  <p>Currently I'm doing something like this:</p>
  <pre><code> actions={[
                rowData =&gt; {
                  const active = rowData &amp;&amp; selected &amp;&amp; rowData.tableData.id === selected.tableData.id;
                  return {
                    icon: 'bug_report',
                    iconProps: { color: active ? 'secondary' : 'primary' },
                    onClick: (event, info) =&gt; {
                      setSelected(info);
                    },
                  };
                },
  ]}
  </code></pre>
  <p>However, instead of colouring the single selected element, it just stays as <code>primary</code> and does nothing. Why? Is it because the actions is rendered for action row and the next row <code>!==</code> selected?</p>