Estoy tratando de mostrar archivos docx a medida que los recibo desde el backend, uso react-file-viewer y quería instalar la última versión pero me da un error, en su lugar instalé la versión 0.5.0, todo va bien pero yo tengo esas advertencias:
(El acceso a PropTypes a través del paquete React principal está en desuso y se eliminará en React v16.0. En su lugar, use el último paquete prop-types disponible v15.* de npm. Para obtener información sobre uso, compatibilidad, migración y más, consulte prop- tipos-docs )
y tambien este:
(lowPriorityWarning.js:37 Advertencia: el acceso a createClass a través del paquete principal de React está en desuso y se eliminará en React v16.0. En su lugar, use una clase de JavaScript simple. Si aún no está listo para migrar, cree-react-clase v15.* está disponible en npm como un reemplazo directo temporal. Para obtener más información, consulte react-create-class)
esto es en la interfaz:
import React from 'react' import FileViewer from "react-file-viewer"; export default function FilesCard({ file }) { const customStyle = { content: { alignItems: "flex-start", justifyContent: "space-evenly", } } return ( <div className='row' style={customStyle.content}> {!file.length ? null : file.map(({ description, images, title }, index) => ( <div className="card col-sm-6 col-md-3 col-xl-2" style={{ width: "14rem" }} key={index} > {images.map((elem, j) => elem.split(".")[1] === "docx" ? ( <FileViewer filePath={`localhost:5000${elem}`} title={j} key={j} fileType={"docx"} /> ) : ( <embed src={`localhost:5000${elem}`} key={j} /> ) )} <div className="card-body"> <h5 className="card-title">{title} </h5> <p className="card-text">{description} </p> </div> </div> )) } </div> ) }