如何启用行内单击并重定向到包含所选行以下数据的新选项卡?

我正在使用mui数据表,如何通过单击一行将用户重定向到另一个页面,并且该行的数据也将传递到该页面上?

这是我得到的错误:

DataCloneError: Failed to execute 'pushState' on 'History': Symbol(react.element) could not be cloned.

  constructor() {
    super();
    this.state = { array: []};
  }

  columns = [
    "Order ID",
    "Name",
  ];
  options = {
    filter: true,
     onRowClick: (data) => this.props.history.push("/details", data),
  };

  componentDidMount() {
    try {
    //fetching data from the firestore
    } catch (err) {
      console.log(err);
    }
  }

  render() {
    
    return  (
      <div>
        <MUIDataTable
          title={"Pending Orders"}
          columns={this.columns}
          data={this.state.orders}
          options={this.options}
        />