Linter should throw when doing assignment operation on state or props

I followed this tutorial, pasted the code into create-react-app and I got error of

Uncaught TypeError: Cannot assign to read only property ‘selected’ of object ‘#<Object>’

when I click and fired the select function, which is in line 77 of the demo: view-source:view-source:http://chrisharrington.github.io/demos/react-controls/calendar.html

select: function(day) {
	this.props.selected = day.date; //error
	this.forceUpdate();
},

I wonder why the http://chrisharrington.github.io/demos/react-controls/calendar.html did by the author worked well.

Created a demo repo as well https://github.com/eldyvoon/read-only-property-react-error

[ianschmitz]

We already have no-direct-mutation-state rule enabled in eslint-config-react-app (https://github.com/facebookincubator/create-react-app/blob/master/packages/eslint-config-react-app/index.js#L226) and it appears to be working as expected.

I created an issue over at https://github.com/yannickcr/eslint-plugin-react/issues/1113 for linting props mutation, and I’d be happy to incorporate it into eslint-config-react-app if it gets approved.

[gaearon]

Closing as stale.