React中Canvas的适配问题

[AranjuezY]

第一次开发微信小程序。我在React里用canvas习惯的用法是useRef获取canvas对象，大概是这样：

import React, { useRef, useEffect } from 'react';
const CanvasComponent = () => {
  const canvasRef = useRef(null);
  useEffect(() => {
    const canvas = canvasRef.current;
    const context = canvas.getContext('2d');
    // Draw a simple rectangle
    context.fillStyle = 'blue';
    context.fillRect(50, 50, 200, 100);
  }, []);
  return <canvas ref={canvasRef} width={300} height={200} />;
};
export default CanvasComponent;

看了一下taro编译出来的代码:

const CanvasComponent = () => {
  const canvasRef = taro.useRef(null);
  taro.useEffect(() => {
    const canvas = canvasRef.current;
    const context = canvas.getContext("2d");
    context.fillStyle = "blue";
    context.fillRect(50, 50, 200, 100);
  }, []);
  return /* @__PURE__ */ taro.jsx("canvas", {
    ref: canvasRef,
    width: 300,
    height: 200
  });
};

实际运行的结果是 TypeError: canvas.getContext is not a function
不太明白Taro是怎么处理的，是不是不支持react这种写法？