DataTable Search with Advanced Data Doesn't Work

Expected behavior: Type a value in the search bar and results filter.

Actual behavior: Type first letter and screen goes blank with console error.

Resources (screenshots, code snippets etc.)

      get tableData() {
let columns = [
  {
    label: 'Drug Name',
    field: 'name',
    sort: true,
    width: 350
  },
  {
    label: 'Strength',
    field: 'strength',
    sort: true,
    width: 250
  },
  {
    label: 'Quantity',
    field: 'quantity',
    sort: true,
    width: 150
  },
  {
    label: 'Price',
    field: 'price',
    sort: true,
    width: 150
  },
  {
    label: '',
    field: 'button',
    sort: false,
    width: 150
  }
];
let rows = this.props.reconciliations.map((drug, index) => {
  return {
    name: drug.name,
    strength: drug.strength,
    quantity: drug.quantity,
    price: drug.price,
    button: <MDBBtn outline color={"warning"} key={index} className={"projectLink"}
                    onClick={() => this.selectNonMatchedDrug(index)}
                    style={{textDecoration: "underline"}}>View</MDBBtn>
  }
});
return {columns, rows};

}

<MDBDatatable
          className={"fdaTable"}
          striped
          bordered
          advancedData
          search
          data={this.tableData}
        />