const deleteHandler = () => {
  if (todos.length > 0) {
   setTodos(todos.filter((el) => el.id !== todo.id));
} else setTodos([])
};