title: How to get the value of clicked cell in React Material Table?
body: <p>I am trying to get the corresponding value of cell in React Material UI Table Component.<br>
  I was looking for already predefined component api properties but couldn't find anything appropriate. <br>
  Working with Material UI DataGrid component, I achieved that, getting the selected row via <code>onSelectionModelChange</code> thanks to <a href="https://stackoverflow.com/questions/66424752/get-row-item-on-checkbox-selection-in-react-mui-datagrid">this answer</a>.
  But in this case, Table doesn't have any checkboxes and I need to retrieve the data by clicking.
  Here is the <a href="https://codesandbox.io/s/awesome-cdn-ee2k4?file=/src/MuiReactTable.tsx:0-1295" rel="nofollow noreferrer">codesandbox link</a> and the example code:</p>
  <pre><code>import * as React from &quot;react&quot;;
  import Table from &quot;@mui/material/Table&quot;;
  import TableBody from &quot;@mui/material/TableBody&quot;;
  import TableCell from &quot;@mui/material/TableCell&quot;;
  import TableContainer from &quot;@mui/material/TableContainer&quot;;
  import TableHead from &quot;@mui/material/TableHead&quot;;
  import TableRow from &quot;@mui/material/TableRow&quot;;
  import Paper from &quot;@mui/material/Paper&quot;;
  
  export default function BasicTable({ users }: any) {
    return (
      &lt;TableContainer component={Paper}&gt;
        &lt;Table sx={{ minWidth: 650 }} aria-label=&quot;simple table&quot;&gt;
          &lt;TableHead&gt;
            &lt;TableRow&gt;
              &lt;TableCell&gt;userId&lt;/TableCell&gt;
              &lt;TableCell align=&quot;right&quot;&gt;id&lt;/TableCell&gt;
              &lt;TableCell align=&quot;right&quot;&gt;Title&lt;/TableCell&gt;
            &lt;/TableRow&gt;
          &lt;/TableHead&gt;
          &lt;TableBody&gt;
            {users &amp;&amp;
              users.map((user: any) =&gt; (
                &lt;TableRow
                  key={users.id}
                  sx={{ &quot;&amp;:last-child td, &amp;:last-child th&quot;: { border: 0 } }}
                &gt;
                  &lt;TableCell align=&quot;right&quot;&gt;{user.userId}&lt;/TableCell&gt;
                  &lt;TableCell align=&quot;right&quot;&gt;{user.id}&lt;/TableCell&gt;
                  &lt;TableCell align=&quot;right&quot;&gt;{user.title}&lt;/TableCell&gt;
                &lt;/TableRow&gt;
              ))}
          &lt;/TableBody&gt;
        &lt;/Table&gt;
      &lt;/TableContainer&gt;
    );
  }
  </code></pre>
  <p>Any help will be appreciated.</p>