如何在react中定义一个带有typescript的SVG组件？

interface MySVGComponentProps {
  width: number;
  height: number;
}

const MySVGComponent: React.FC<MySVGComponentProps> = ({ width, height }) => {
  return (
    <svg width={width} height={height}>
      {/* 在这里编写SVG的内容 */}
    </svg>
  );
};

import React from 'react';

interface MySVGComponentProps {
  width: number;
  height: number;
}

const MySVGComponent: React.FC<MySVGComponentProps> = ({ width, height }) => {
  return (
    <svg width={width} height={height}>
      {/* 在这里编写SVG的内容 */}
    </svg>
  );
};

export default MySVGComponent;