title: How to onRowClick redirected to another page with mui-datatables npm package?
body: <p>I have a react app that uses package mui-datatables. I want to be redirected to "/edit-form" onRowClick, but it didn't work (nothing happens, no errors either). </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { Component } from "react";
  import { Link as RouterLink } from "react-router-dom";
  import Link from "@material-ui/core/Link";
  import MUIDataTable from "mui-datatables";
  
  class DataTable extends Component {
    state={...}
    redirectToForm = props =&gt; &lt;RouterLink to="/edit-form" {...props}/&gt;
  
    render() {
    const options = {
      onRowClick: rowData =&gt; this.redirectToForm(rowData)
    };
    
    return (
      &lt;Link
        color="secondary"
        className={classes.button}
        component={this.goToDetailedTable}
      &gt;
        Detail 
      &lt;/Link&gt;
      &lt;MUIDataTable
        title={title}
        columns={value.state.columnName}
        data={value.state.rowData}
        options={options}
      /&gt;
      )
    }</code></pre>
  </div>
  </div>
  </p>
  
  <p>When I console.log(rowData), it did print out the row data:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const options = {
      onRowClick: rowData =&gt; console.log(rowData)
    };</code></pre>
  </div>
  </div>
  </p>