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’écran 2019-07-11 à 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.

flora8984461 on Jul 7, 2020

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)

maxim-s-barabash on Jul 8, 2020

this was fixed on version 1.41

ErreMalote on Aug 3, 2019