如何将React组件作为嵌入式svg图像导入

import React from 'react';

const MySvgComponent = () => {
  return (
    <svg width="100" height="100">
      <circle cx="50" cy="50" r="40" fill="red" />
    </svg>
  );
};

export default MySvgComponent;

import React from 'react';
import MySvgComponent from './MySvgComponent';

const App = () => {
  return (
    <div>
      <h1>My App</h1>
      <MySvgComponent />
    </div>
  );
};

export default App;