Merge pull request #1982 from syncfusion-content/998580-StackblitzH

998580: Stackblitz sample issue

Author: Suriya-Murugan

Document-Processing/Word/Word-Processor/react/getting-started.md

@@ -219,7 +219,7 @@ Document Editor output will be displayed as follows.
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "/document-processing/code-snippet/document-editor/react/getting-started/base-cs2" %}
+{% previewsample "/document-processing/code-snippet/document-editor/react/base-cs2" %}
 
 > The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property.
 

Document-Processing/code-snippet/document-editor/react/base-cs2/app/index.jsx

@@ -1,4 +1,4 @@
-import * as ReactDOM from 'react-dom/client';
+import { createRoot } from 'react-dom/client';
 import * as React 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);

Document-Processing/code-snippet/document-editor/react/base-cs2/app/index.tsx

@@ -1,6 +1,4 @@
-
-
-import * as ReactDOM from 'react-dom/client';
+import { createRoot } from 'react-dom/client';
 import * as React from 'react';
 
 import {

Document-Processing/code-snippet/document-editor/react/base-cs3/app/index.jsx

@@ -1,4 +1,4 @@
-import * as ReactDOM from 'react-dom/client';
+import { createRoot } from 'react-dom/client';
 import * as React from 'react';
 import { DocumentEditorContainerComponent, Toolbar } from '@syncfusion/ej2-react-documenteditor';
 DocumentEditorContainerComponent.Inject(Toolbar);

Document-Processing/code-snippet/document-editor/react/base-cs3/app/index.tsx

@@ -1,6 +1,4 @@
-
-
-import * as ReactDOM from 'react-dom/client';
+import { createRoot } from 'react-dom/client';
 import * as React from 'react';
 import {
     DocumentEditorContainerComponent, Toolbar