       setKey(key, false);
        }
      };

      const handleMouseMove = (e) => {
        e.preventDefault();
        // this is needed because we call preventDefault();
        // we also gave the canvas a tabindex so it can
        // become the focus
        canvas.focus();
        window.addEventListener('pointermove', handleMouseMove);
        window.addEventListener('pointerup', handleMouseUp);

        for (const {elem, key} of sides) {
          let pressed = false;
          const rect = elem.g