Erro: getContext is not a function

Bom dia,

recebo o erro no console Uncaught TypeError: tela.getContext is not a function quando uso o document.querySelectorAll("canvas") .

Onde está o erro e como resolvê-lo?

Desde já agradeço!

<section>
        <canvas width="400" height="200"></canvas>

        <canvas width="400" height="200"></canvas>
      </section>

      <script>
        var tela = document.querySelectorAll("canvas");
        var pincel = tela.getContext('2d');

        pincel.fillStyle = 'grey';
        pincel.fillRect(50, 50, 400, 200);
      </script>