Warning: Unknown prop `render` on <li> tag. Remove this prop from the element

Hi, I got strange warning, may be i use wrong implementation or something else. Please check. my code:

import PropTypes from 'prop-types';
import moment from 'moment';
import { withStyles } from 'material-ui/styles';
import stylesFunc from './ChatTextMsg.styles';
import { ContextMenu, Item, Separator, Submenu, ContextMenuProvider } from 'react-contexify';

const styles = theme => (stylesFunc(theme, scrollWidth()));

class ChatTextMsg extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  renderMessage({ files, created, from }) {
    const { classes } = this.props;
    const time = moment(created).format("HH:mm:ss A");

    return (
      <ContextMenuProvider id="text_bubble">
          <li className={ classes.messageItem }>
            <p>{
              //render text data
            }</p>
            <p className={classes.messageTime}>{ time }</p>
          </li>
      </ContextMenuProvider>

    )
  }

  render() {
    const { classes, data, activeDialogId } = this.props;

    return (
        <ul className={data.from === activeDialogId ? `${classes.messageList} his-list` : `${classes.messageList}`}>
          { this.renderMessage(data) }
        </ul>
    )
  }
}

ChatTextMsg.propTypes = {
  classes: PropTypes.object.isRequired
};

export default withStyles(styles)(ChatTextMsg);

[marjo688]

Realised I referenced the elements a bit silly. To clarify the error references a div instead of a li element!

[OlegPinchuk]

@fkhadra 1st point works well!