diff --git a/Document-Processing/Word/Word-Processor/react/getting-started.md b/Document-Processing/Word/Word-Processor/react/getting-started.md
index db445b0ea..213bd894e 100644
--- a/Document-Processing/Word/Word-Processor/react/getting-started.md
+++ b/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.
 
diff --git a/Document-Processing/code-snippet/document-editor/react/base-cs2/app/index.jsx b/Document-Processing/code-snippet/document-editor/react/base-cs2/app/index.jsx
index bc70e88dd..7523f975e 100644
--- a/Document-Processing/code-snippet/document-editor/react/base-cs2/app/index.jsx
+++ b/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);
diff --git a/Document-Processing/code-snippet/document-editor/react/base-cs2/app/index.tsx b/Document-Processing/code-snippet/document-editor/react/base-cs2/app/index.tsx
index 5c308a3d7..163bb8d23 100644
--- a/Document-Processing/code-snippet/document-editor/react/base-cs2/app/index.tsx
+++ b/Document-Processing/code-snippet/document-editor/react/base-cs2/app/index.tsx
@@ -1,5 +1,4 @@
-
-
+import { createRoot } from 'react-dom/client';
 import * as ReactDOM from 'react-dom/client';
 import * as React from 'react';
 
diff --git a/Document-Processing/code-snippet/document-editor/react/base-cs3/app/index.jsx b/Document-Processing/code-snippet/document-editor/react/base-cs3/app/index.jsx
index 889acf635..3657eaef2 100644
--- a/Document-Processing/code-snippet/document-editor/react/base-cs3/app/index.jsx
+++ b/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);
diff --git a/Document-Processing/code-snippet/document-editor/react/base-cs3/app/index.tsx b/Document-Processing/code-snippet/document-editor/react/base-cs3/app/index.tsx
index a4fbe66cf..c09c1963f 100644
--- a/Document-Processing/code-snippet/document-editor/react/base-cs3/app/index.tsx
+++ b/Document-Processing/code-snippet/document-editor/react/base-cs3/app/index.tsx
@@ -1,5 +1,4 @@
-
-
+import { createRoot } from 'react-dom/client';
 import * as ReactDOM from 'react-dom/client';
 import * as React from 'react';
 import {