Material-table: onRowUpdate input value emitting as [object Object]

[rkpip3]

Describe the bug
onclick of onRowUpdate button input value emitting as [object Object] and if there is two input, act as two way data binding please see the StackBlitz:

StackBlitz

To Reproduce
Steps to reproduce the behavior:

1. Click on 'update/edit icon'
2. there 3rd & 4th input (" [object Object] ")
3. its seems there is two way data binding

Expected behavior
On click all input should be able to show placeholder data & there should not be two way data binding

Desktop (please complete the following information):

• OS: Windows
• Browser : chrome
• Version : 83.0.4103.106

sorry for my bad english.

[VLRTroll]

Once you define the field of the column as 'birthCity', the value that will be attributed to the column is data[currentIndex].birthCity, which is an object. Because of that you wrote render: (rowData) => rowData.birthCity[0].region, to display the correct data. So you'd do the same to the editComponent. I'll show you 2 ways to fix this:

1. Change the field property to field: "birthCity[0].region",

2. Set a editComponent:

editComponent: (props) => (
          <Input 
            {...props} 
            value={props.rowData.birthCity[0].region}
            onChange={(e) => {
              const currentObject = props.rowData.birthCity[0];
              currentObject.region = e.target.value;

              // This works like setState
              props.onChange([currentObject,props.rowData.birthCity.slice(1)])
            }}
          />
        )

[rkpip3]

@VLRTroll Thank you very much Its works...