canvas004.tsx

  React.useEffect(() => {
    if (canvasRef.current) {
      const renderCtx = canvasRef.current.getContext('2d');

      if (renderCtx) {
        setContext(renderCtx);
      }
    }

    // Draw a rectangle
    if (context) context.fillRect(5, 5, 100, 100);

    // Draw a circle
    if(context) {
      context.beginPath();
      context.fillStyle = '#ff7f50';
      context.arc(440, 60, 50, 0, Math.PI * 2, true);
      context.fill();
      context.fillStyle = '#000';
      context.closePath();
    }
  }, [context]);