[antd]: Почему динамически генерируемый двумерный код пуст?

Question

Я использую плагин реагирования и машинописи QRcode.Что я хочу сделать, это передать идентификатор, когда мышь перемещается вверх, а затем динамически генерировать двумерный код, но я не знаю, почему двумерный код, генерируемый canvas, пуст и может быть распечатан в консоли, но холст внутри пуст.

public mouseEnter = (e: any, index: number) => {
const id = e.target.getAttribute("data-activeid");
console.log(id);
qrCode
  .toCanvas("some url?id=" + id, { errorCorrectionLevel: "M" })
  .then(res => {
    console.log(res);
    this.setState({
      ell: res
    });
  });
};

фрагмент кода: CodeSandbox

Спасибо.