Почему я не могу удалить задачу из списка задач?

Что я должен сделать, чтобы удалить элемент из моего списка дел? Что я сделал не так?

Вот мой код

function App1() {
  const myInputValue = useRef();
  const [todo, setToDo] = useState([]);
  const addItem = (event) => {
    event.preventDefault();
    const id = uuid();
    setToDo([
      ...todo,
      {
        id: id,
        name: myInputValue.current.value,
      },
    ]);
    myInputValue.current.value = "";
  };
  const removeItem = e => {
        const data = todo.filter(el => el.e !== e);
        setToDo(data);
  };
  const listItems = todo.map((element) => (
    <li key = {element.id}>
      {element.name}
      <button>Done</button>
      <button onClick = {() => removeItem(element.id)}>Delete</button>
    </li>
  ));

  return (
    <div>
      <input ref = {myInputValue}></input>
      <button onClick = {addItem}>Add</button>
      <ul>
        {listItems}
      </ul>
    </div>
  );
}

export default App1;

Что мне следует изменить в моей функции removeItem? Где я делаю ошибку? Пожалуйста помоги