Search code examples
javascriptreactjscomponents

REACT - Unknown event handler property

I have a custom component called RepositoryListDialog, and when i use it

 <RepositoryListDialog  onselecteditem = {this.onRepositorySelected} />

React return me a waring in the console:

Unknown event handler property onselecteditem. It will be ignored.

I noticed that this problem figure out if i put an unrecognized property for a native DOM tag like div, or something else.

But RepositoryListDialog is a custom tag, and i don't understand this react warning.

RepositoryListDialog

<Dialog   
  aria-labelledby="repository-list-dialog" 
  open={this.props.dialogShowed} 
  classes={{paper:classes.cssRepositoryListDialogPaper}} 
  {...other}> 
  
  <DialogTitle id="repository-list-dialog-title">Select Repository</DialogTitle> 
</Dialog>
Solution

  • Inside RepositoryListDialog component you might have something like this:

    <div {...this.props}>