如何使用typescript react中的download按钮以json格式下载文本数据？

import React from 'react';

const downloadJson = (data: string, filename: string) => {
  const json = JSON.stringify(data);
  const blob = new Blob([json], { type: 'application/json' });
  const url = URL.createObjectURL(blob);
  const link = document.createElement('a');
  link.href = url;
  link.download = filename;
  link.click();
  URL.revokeObjectURL(url);
};

const MyComponent: React.FC = () => {
  const handleDownload = () => {
    const data = 'Your text data here';
    const filename = 'data.json';
    downloadJson(data, filename);
  };

  return (
    <div>
      <button onClick={handleDownload}>Download JSON</button>
    </div>
  );
};

ReactDOM.render(<MyComponent />, document.getElementById('root'));