Raquete não move

alguém sabe me dizer qual o problema do meu código?

// variáveis da bolinha
let xBolinha = 300;
let yBolinha = 200;
let diametro = 25;
let raio = diametro / 2;

// velocidade da bolinha
let velocidadeX = 5;
let velocidadeY = 5;

// variáveis da raquete
let xRaquete = 10;
let yRaquete = 150;
let raqueteComprimento = 10;
let raqueteAltura = 90;

function setup() {
  createCanvas(600, 400);
}

function draw() {
  background(0);
  mostraBolinha();
  movimentaBolinha();
  verificaColisaoBorda();
  mostraRaquete();
  movimRaquete();

}

function mostraBolinha() {

  circle(xBolinha, yBolinha, diametro);
}

function movimentaBolinha() {

  xBolinha += velocidadeX;
  yBolinha += velocidadeY;
}

function verificaColisaoBorda() {

  if(xBolinha + raio > width ||
    xBolinha - raio < 0){

    velocidadeX *= -1
  }

  if(yBolinha + raio> height ||
    yBolinha - raio < 0) {

    velocidadeY *= -1
  }
}

function mostraRaquete() {

  rect(xRaquete, yRaquete, raqueteComprimento, raqueteAltura);
}

function movimRaquete() {

  if(keyIsDown(UP_ARROW)){

    yRaquete -= 10;
  }
  if(keyIsDown(DOWN_ARROW)){

    yRaquete += 10;
  }
}

Sempre que começo aparece: *p5 had problems creating the global function "createElement", possibly because your code is already using that name as a variable. You may want to rename your variable to something else. *