Todos.js

function Todos() {
  const todos = useStore(state => state.todos);
  const { toggle, del } = useActions(actions => ({
    toggle: actions.toggle,
    del: actions.delete,
  }));
  const todosList = Object.values(todos);
  return todosList.map(todo => (
    <Todo key={todo.id} todo={todo} toggle={toggle} del={del} />
  ));
}