Restrict users. "Cannot add an empty task"

[OkomoJacob]

• There's logically no way I can add an empty task in a toDo list. To do nothing?
• We need to be able to set the new array on state using setToDoList and we can only do that when the addToDoTask() function has access to that state in the App.js.
• Add an event listener to your add button such that the user cannot add an empty basket to the list. or return an alert
• Check on useState and setState hooks.
• [X] Check out this stack overflow thread or this blog

[OkomoJacob]

• Try implementing this and see how it scores https://github.com/tomito26/todolist/blob/3e72489c3b8a65a40819427f990bcb6960d63bba/src/components/TodoList.js#L32

addItem(event) {
    const text = prompt('TODO text please!');
    // only do this if text has value else return alert
    text && this.setState({
        todos: [...this.state.todos, { id: id++, text: text, checked: false }],
      });
  }