DocumentEditorComponent with React Hooks stops working after version 19.2.56 (last working version).
import React, { useRef } from 'react';
import { DocumentEditorComponent, Print, SfdtExport, WordExport, TextExport, Selection, Search, Editor, ImageResizer, EditorHistory, ContextMenu, OptionsPane, HyperlinkDialog, TableDialog, BookmarkDialog, TableOfContentsDialog, PageSetupDialog, StyleDialog, ListDialog, ParagraphDialog, BulletsAndNumberingDialog, FontDialog, TablePropertiesDialog, BordersAndShadingDialog, TableOptionsDialog, CellOptionsDialog, StylesDialog } from '@syncfusion/ej2-react-documenteditor';
DocumentEditorComponent.Inject(Print, SfdtExport, WordExport, TextExport, Selection, Search, Editor, ImageResizer, EditorHistory, ContextMenu, OptionsPane, HyperlinkDialog, TableDialog, BookmarkDialog, TableOfContentsDialog, PageSetupDialog, StyleDialog, ListDialog, ParagraphDialog, BulletsAndNumberingDialog, FontDialog, TablePropertiesDialog, BordersAndShadingDialog, TableOptionsDialog, CellOptionsDialog, StylesDialog);
function App() {
const documentEditor = useRef();
return (
<div>
<header>
<DocumentEditorComponent serviceUrl='https://ej2services.syncfusion.com/production/web-services/api/documenteditor/' pageOutline='#E0E0E0' layoutType='Pages' width='100%' height='100%' id="container" ref={documentEditor} isReadOnly={false} enableSelection={true} enableEditor={true} enableEditorHistory={true} enableContextMenu={true} acceptTab={true} enablePageSetupDialog={true} enablePrint={true} enableSfdtExport={true} enableImageResizer={false} enableFontDialog={false} enableParagraphDialog={false} enableTableDialog={true} enableTableOptionsDialog={true} enableTablePropertiesDialog={false} enableStylesDialog={true} enableStyleDialog={true} enableListDialog={true} enableBordersAndShadingDialog={true} enableSearch={true} />
</header>
</div>
);
}
export default App;
