Estoy tratando de crear un rtf a partir de mis variables de estado, el archivo se crea pero está dañado, no puedo abrirlo. ¿Cómo puedo convertir una cadena en un archivo rtf?
const Example = () => { const [headers, setHeaders] = React.useState(['Header 1', 'Header 2', 'Header 3']); const [content, setContent] = React.useState([['Content 1', 'Content 2', 'Content 3'], ['Content 4', 'Content 5', 'Content 6']]) const [downloadUrl, setDownloadUrl] = React.useState(''); const createDownUrl = () => { const fileHeaders = headers.join(' '); const fileContent = content.map(i => i.join(' ')).join('\r\n'); const data = new Blob([`${fileHeaders}\r\n${fileContent}`]); setDownloadUrl(URL.createObjectURL(data)) } return ( <div> <button onClick={() => createDownUrl()}> Create download link </button> {downloadUrl && <a download={'Example.rtf'} href={downloadUrl}>Download</a>} </div> ); }; // Render it ReactDOM.render( <Example />, document.getElementById("react") ); <script src="https://cdnjs.cloudflare.com/ajax/libs/react/17.0.1/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/17.0.1/umd/react-dom.production.min.js"></script> <div id="react"></div>