[Dúvida] controle.forEach is not a function

Bem, eu não estou conseguindo compreender esse problema que vem dando no meu codigo, tentei quebrar a cabeça procurando uma solução mas não consegui encontrar, aqui está o codigo:

const controle = document.querySelector("[data-controle]")

controle.forEach( (elemento) => {
    elemento.addEventListener('click', (evento) => {
        manipulaDados(evento.target.textContent, evento.target.parentNode)
    })
})

function manipulaDados(operacao, controle) {
    const peca = controle.querySelector("[data-contador]")

    if(operacao === "-") {
        peca.value = parseInt(peca.value) - 1
    } else {
        peca.value = parseInt(peca.value) + 1
    }
}