如何在react-wordcloud中将wordcloud下载为图片？

import React, { useRef } from 'react';
import WordCloud from 'react-wordcloud';
import { saveSvgAsPng } from 'save-svg-as-png';

const wordcloudRef = useRef(null);

const words = [
  { text: 'apple', value: 10 },
  { text: 'banana', value: 8 },
  { text: 'orange', value: 6 },
  // 其他词汇...
];

return (
  <div ref={wordcloudRef}>
    <WordCloud words={words} />
  </div>
);

const downloadWordCloud = () => {
  const wordcloudElement = wordcloudRef.current;
  saveSvgAsPng(wordcloudElement.firstChild, 'wordcloud.png');
};

<button onClick={downloadWordCloud}>下载WordCloud</button>