modify state by `produce` vs directly

const addTodo = (text) => {
    setTodos([...todos, { id: ++todoId, text, completed: false }]);
}

const addTodo = (text) => {
    setTodos(
        produce((todos) => {
            todos.push({ id: ++todoId, text, completed: false });
        })
     );
};