material-table: React does not recognize the `getFieldValue` prop on a DOM element

Describe the bug The bug appears at the first click on the add button. To Reproduce Steps to reproduce the behavior: 1- Use material table editable options. 2- Add one columns with Add button 3- Error appears on console

Screenshots Capture d’écran 2019-07-11 à 09 29 09

Code <MaterialTable title="Experiences" icons={tableIcons} columns={this.state.columnsExperiences} data={this.state.products} options={{ search: false }} components={{ Toolbar : props => { return ( <Grid container direction="row" justify="space-between" alignItems="center" style={{padding: 10}}> <Grid item> {props.title} </Grid> <Grid item/> <Grid item> <ButtonCustom color="primary" ref={this.ref} onClick={(event) => props.actions[0].onClick(event, props.data)}> + </ButtonCustom> </Grid> </Grid> ) }, }} editable={{ onRowAdd: newData => new Promise(resolve => { resolve(); const products = [...this.state.products]; products.push(newData); this.setState({ ...this.state, products }); }), onRowUpdate: (newData, oldData) => new Promise(resolve => { resolve(); const products = [...this.state.products]; products[products.indexOf(oldData)] = newData; this.setState({ ...this.state, products }); }), onRowDelete: oldData => new Promise(resolve => { resolve(); const products = [...this.state.products]; products.splice(products.indexOf(oldData), 1); this.setState({ ...this.state, products }); }), }} />

Desktop (please complete the following information):

  • OS: MACOS
  • Browser : CHROME

About this issue

  • Original URL
  • State: closed
  • Created 5 years ago
  • Reactions: 15
  • Comments: 21 (2 by maintainers)

Most upvoted comments

I recently encounter this warning: React does not recognize the errorState prop on a DOM element.

While in my own code I am not passing any error state, I don’t know where it comes from. image

material-table v1.64.0

index.js:1 Warning: React does not recognize the `errorState` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `errorstate` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
    in td (created by ForwardRef(TableCell))
    in ForwardRef(TableCell) (created by WithStyles(ForwardRef(TableCell)))
    in WithStyles(ForwardRef(TableCell)) (created by MTableCell)
    in MTableCell (created by MTableBodyRow)
    in tr (created by ForwardRef(TableRow))
    in ForwardRef(TableRow) (created by WithStyles(ForwardRef(TableRow)))
    in WithStyles(ForwardRef(TableRow)) (created by MTableBodyRow)
    in MTableBodyRow (created by MTableGroupRow)
    in MTableGroupRow (created by MTableBody)

this was fixed on version 1.41