hooks mutations - TodoProvider adding and removing items

TodoProvider.jsx

<TodoContext.Provider
  value={{
    todoItems: draftTodos ? Array.from(draftTodos.values()) : [],
    removeTodo: (id) => {
      if (draftTodos.delete(id)) {
        setTodoList(new Map(draftTodos));
      }
    },
    addTodo: (message) => {
      if (!message) {
        return;
      }
      const todo = {
        // new web api! - Support gradually increasing
        id: crypto.randomUUID(),
        message,
        done: false,
      };
      if (draftTodos.has(todo.id)) return;
      draftTodos.set(todo.id, todo);
      setTodoList(new Map(draftTodos));
    },
  }}
>
  {children}
</TodoContext.Provider>