Estoy usando react-file-viewer-plus ( https://www.npmjs.com/package/react-file-viewer-plus ) en un proyecto mecanografiado. Pero quiero cambiar algunas cosas. Entonces FileViewer , que es un archivo jsx. Cuando trato de usarlo, obtengo dos errores. Si reemplazo <ExtendedFileViewer con <FileViewer , la clase que estoy tratando de extender, todo funciona.

• La clase de elemento JSX no admite atributos porque no tiene una propiedad 'props'.ts(2607).
• 'ExtendedFileViewer' no se puede usar como un componente JSX. Su tipo de instancia 'ExtendedFileViewer' no es un elemento JSX válido. Al tipo 'ExtendedFileViewer' le faltan las siguientes propiedades del tipo 'ElementClass': context, setState, forceUpdate, props y 2 más.ts(2786)

 class ExtendedFileViewer extends FileViewer { constructor(props) { super(props); } render() { const Driver = this.getDriver(this.props); return ( <div className="pg-viewer-wrapper"> <div className="pg-viewer" id="pg-viewer"> <Driver {...this.props} width={this.state.width} height={this.state.height} /> </div> </div> ); } } export default ExtendedFileViewer; export const GeneralFileViewer = (props: { file: Image; errorViewingFile: (file: Image) => void; }) => { const fileType = props.file.key.split(`.`)[1].toLowerCase(); const fileData = props.file.file; const onError = (error: Error) => { props.errorViewingFile(props.file); }; return ( <ExtendedFileViewer fileType={fileType} filePath={fileData === undefined ? props.file.fileURL : URL.createObjectURL(fileData)} onError={onError} /> ); };``` [react-file-viewer-plus]: https://www.npmjs.com/package/react-file-viewer-plus