How to use onChange in MDBTableEditable?

Expected behavior

When a user changes data in a MDBTableEditable, call a function assigned onChange.

Actual behavior

When the data is changed, the function is not called.

Resources (screenshots, code snippets etc.)

import React, { Component } from 'react';
import { MDBBtn, MDBCard, MDBCardHeader, MDBCardBody, MDBTableEditable } from "mdbreact";

class CurveBuildPage extends Component {
  state = {
    columns: ["Tenor", "Interest Rate"],

data: [
  [0.25, 0.0155],
  [0.5, 0.02],
  [0.75, 0.025],
  [1, 0.03]
]

  };

  updateState = (data) => {
    console.log(data);
    this.setState({ data })
  };

  logState = () => {
    console.log(this.state)
  };

  render() {
    return (
      <MDBCard>
        <MDBCardHeader tag="h3" className="text-center font-weight-bold text-uppercase py-4">
          Market Rate
        </MDBCardHeader>
        <MDBCardBody>
          <MDBTableEditable
            striped
            bordered
            columns={this.state.columns}
            data={this.state.data}
            onChange={this.updateState}
          />
          <MDBBtn
            onClick={this.logState}
          >
            Log
          </MDBBtn>
        </MDBCardBody>
      </MDBCard>
    );
  }
}

export default CurveBuildPage;