Failed to execute 'appendChild' on 'Node'

Quando eu clico no botão "incluir" aparece no console " Failed to execute 'appendChild' on 'Node'". Eu pesquisei no Google para resolver, mas não consegui. Alguém poderia me ajudar por favor.

Aqui está o meu código JS:

var campos = [
  document.querySelector('#data'),
  document.querySelector('#quantidade'),
  document.querySelector('#valor'),
];

console.log(campos)

var tbody = document.querySelector('table tbody');

document.querySelector('.form').addEventListener('submit', function(event){
    event.preventDefault();

  var tr = document

  campos.forEach(function(campos){

    var td = document.createElement('td');
    td.textContent = campos.value;
    tr.appendChild(td);
  });

  var tdVolume = document.createElement('td');
  tdVolume.textContent = campos[1].value * campos[2].value;

  tr.appendChild(tdVolume);

tbody.appendChild(tr);

});