TL;DR: Generate a unique id for every item and use it as key when rendering the list.
{todos.map((todo, index) =>
<Todo
{...todo}
key={index}
/>
)}{todos.map((todo) =>
<Todo {...todo}
key={todo.id} />
)}var shortid = require('shortid');
function createNewTodo(text) {
return {
completed: false,
id: shortid.generate(),
text
}
}