render is not triggered when item is pushed to array

[sebastiandeutsch]

Issue:

• I've created the following failing example: https://github.com/sebastiandeutsch/failing-todo-app-mobx/blob/master/src/TodoList.js
• The problem is that the TodoList will not render newly pushed todos
• It actually works when I add some propTypes where I check for the shape of the array objects: https://github.com/sebastiandeutsch/failing-todo-app-mobx/blob/thats-working/src/TodoList.js
• I was following the tutorial with one of my students - she actually discovered the strange behaviour.

Idea:

• I think it has something todo with Reacts mechanism to compare the TodoStore and not noticing the change

[urugator]

TodoList must be an @observer as well...

[sebastiandeutsch]

Haven't seen this one:

https://mobx.js.org/best/pitfalls.html#use-observer-on-all-components-that-render-observable-s

Alright - closing the issue.