Как предотвратить переопределение действия переопределить редактируемую кнопку onRowAdd в таблице материалов?

Question

Я хочу иметь возможность добавлять новые данные в мою таблицу, а также иметь кнопку действия. Мне нужно переопределить поле действия и использовать кнопку, потому что я хочу, чтобы оно открывало меню пользовательского интерфейса материала. Однако при переопределении он также заменяет кнопку добавления, которая поставляется с функцией Edittable onRowAdd. Вы можете повторить проблему, вставив приведенный ниже код в окно кода «Пример переопределения действий»: https://material -table.com / # / docs / features / component-overriding

Вы можете увидеть кнопку добавления в «Редактируемом примере»: https://material -table.com / # / docs / features / editable

class ActionOverriding extends React.Component {
  render() {
    return (
      <MaterialTable
          editable={{
        onRowAdd: newData =>
            new Promise((resolve, reject) => {
                setTimeout(() => {
                    {}
                    resolve();
                }, 1000);}),}}
        title="Action Overriding Preview"
        options={{
            export:true,
        }}
        columns={[
          { title: 'Name', field: 'name' },
        ]}
        data={[{ name: 'Mehmet', surname: 'Baran', birthYear: 1987, birthCity: 63 },]}
        actions={[{
            icon: 'save',
            tooltip: 'Save User',
            onClick: (event, rowData) => alert("You saved " + rowData.name)
          }]} 
        components={{
          Action: props => (
            <Button onClick={(event) => props.action.onClick(event, props.data)} color="primary" variant="contained" style={{textTransform: 'none'}} size="small">My Button</Button>
),}}/>)}}