diff --git a/ej2-react/code-snippet/query-builder/drag-and-drop-cs1/app/app.jsx b/ej2-react/code-snippet/query-builder/drag-and-drop-cs1/app/app.jsx
index fd4ef4237..478f19908 100644
--- a/ej2-react/code-snippet/query-builder/drag-and-drop-cs1/app/app.jsx
+++ b/ej2-react/code-snippet/query-builder/drag-and-drop-cs1/app/app.jsx
@@ -29,14 +29,14 @@ function App() {
         { field: "Country", label: "Country", type: "string" }
     ];
     let importRules = {
-        condition: "",
+        condition: "and",
         rules: [
-            { label: "First Name", field: "FirstName", type: "string", operator: "startswith", value: "Andre", condition: "and" },
-            { label: "Last Name", field: "LastName", type: "string", operator: "in", value: ['Davolio', 'Buchanan'], condition: "or" },
+            { label: "First Name", field: "FirstName", type: "string", operator: "startswith", value: "Andre" },
+            { label: "Last Name", field: "LastName", type: "string", operator: "in", value: ['Davolio', 'Buchanan'] },
             { label: "Age", field: "Age", type: "number", operator: "greaterthan", value: 29, condition: "and" },
             {
                 condition: "or", rules: [
-                    { label: "Is Developer", field: "IsDeveloper", type: "boolean", operator: "equal", value: true, condition: "and" },
+                    { label: "Is Developer", field: "IsDeveloper", type: "boolean", operator: "equal", value: true },
                     { label: "Primary Framework", field: "PrimaryFramework", type: "string", operator: "equal", value: "React" }
                 ]
             },
diff --git a/ej2-react/code-snippet/query-builder/drag-and-drop-cs1/app/app.tsx b/ej2-react/code-snippet/query-builder/drag-and-drop-cs1/app/app.tsx
index 6ba854850..5181eccc3 100644
--- a/ej2-react/code-snippet/query-builder/drag-and-drop-cs1/app/app.tsx
+++ b/ej2-react/code-snippet/query-builder/drag-and-drop-cs1/app/app.tsx
@@ -33,14 +33,14 @@ function App() {
     ]
 
     let importRules: RuleModel = {
-        condition: "",
+        condition: "and",
         rules: [
-            { label: "First Name", field: "FirstName", type: "string", operator: "startswith", value: "Andre", condition: "and" },
-            { label: "Last Name", field: "LastName", type: "string", operator: "in", value: ['Davolio', 'Buchanan'], condition: "or" },
+            { label: "First Name", field: "FirstName", type: "string", operator: "startswith", value: "Andre" },
+            { label: "Last Name", field: "LastName", type: "string", operator: "in", value: ['Davolio', 'Buchanan'] },
             { label: "Age", field: "Age", type: "number", operator: "greaterthan", value: 29, condition: "and" },
             {
                 condition: "or", rules: [
-                    { label: "Is Developer", field: "IsDeveloper", type: "boolean", operator: "equal", value: true, condition: "and" },
+                    { label: "Is Developer", field: "IsDeveloper", type: "boolean", operator: "equal", value: true },
                     { label: "Primary Framework", field: "PrimaryFramework", type: "string", operator: "equal", value: "React" }
                 ]
             },
diff --git a/ej2-react/diagram/undo-redo.md b/ej2-react/diagram/undo-redo.md
index d59773981..fd2b4c14f 100644
--- a/ej2-react/diagram/undo-redo.md
+++ b/ej2-react/diagram/undo-redo.md
@@ -24,7 +24,7 @@ Undo/redo commands can be executed through shortcut keys. Shortcut key for undo
 
 ## Undo/redo through public APIs
 
-The client-side methods [`undo`](https://ej2.syncfusion.com/react/documentation/api/diagram) and [`redo`](https://ej2.syncfusion.com/react/documentation/api/diagram) help you to revert/restore the changes. The following code example illustrates how to undo/redo the changes through script.
+The client-side methods [`undo`](https://ej2.syncfusion.com/react/documentation/api/diagram/) and [`redo`](https://ej2.syncfusion.com/react/documentation/api/diagram/) help you to revert/restore the changes. The following code example illustrates how to undo/redo the changes through script.
 
 The following code example illustrates how to undo/redo the changes through script.
 
@@ -56,7 +56,7 @@ When a change in the diagram is reverted or restored (undo/redo), the historyCha
 
 History list allows to revert or restore multiple changes through a single undo/redo command. For example, revert/restore the fill color change of multiple elements at a time.
 
-The client-side method [`startGroupAction`](https://ej2.syncfusion.com/react/documentation/api/diagram) is used to notify the diagram to start grouping the changes. The client-side method [`endGroupAction`](https://ej2.syncfusion.com/react/documentation/api/diagram) is used to notify to stop grouping the changes. The following code illustrates how to undo/redo fillColor change of multiple elements at a time.
+The client-side method [`startGroupAction`](https://ej2.syncfusion.com/react/documentation/api/diagram/) is used to notify the diagram to start grouping the changes. The client-side method [`endGroupAction`](https://ej2.syncfusion.com/react/documentation/api/diagram/) is used to notify to stop grouping the changes. The following code illustrates how to undo/redo fillColor change of multiple elements at a time.
 
 {% tabs %}
 {% highlight js tabtitle="index.jsx" %}
@@ -148,7 +148,7 @@ let redoStack = diagramInstance.historyManager.redoStack;
 
 ## History change event
 
-The [`historyChange`](https://ej2.syncfusion.com/react/documentation/api/diagram) event triggers, whenever the interaction of the node and connector is take place.
+The [`historyChange`](https://ej2.syncfusion.com/react/documentation/api/diagram/) event triggers, whenever the interaction of the node and connector is take place.
 
 ```ts
 let diagramInstance: DiagramComponent;
@@ -177,7 +177,7 @@ root.render(<App />);
 
 ## Stack Limit
 
-The [`stackLimit`](https://ej2.syncfusion.com/react/documentation/api/diagram) property of history manager is used to limits the number of actions to be stored on the history manager.
+The [`stackLimit`](https://ej2.syncfusion.com/react/documentation/api/diagram/) property of history manager is used to limits the number of actions to be stored on the history manager.
 
 {% tabs %}
 {% highlight js tabtitle="index.jsx" %}
diff --git a/ej2-react/grid/pdf-export/pdf-export.md b/ej2-react/grid/pdf-export/pdf-export.md
index 018ce33a4..036408970 100644
--- a/ej2-react/grid/pdf-export/pdf-export.md
+++ b/ej2-react/grid/pdf-export/pdf-export.md
@@ -244,7 +244,7 @@ The `hierarchyExportMode` property allows you to specify the exporting behavior
 | All      | Exports the master grid with all child grids, expanded or not. |
 | None     | Exports only the master grid without any child grids. |
 
-The following example demonstrates how to export hierarchical grid to PDF document. Also change the `pdfExportProperties.hierarchyExportMode` property by using [value](https://ej2.syncfusion.com/react/documentation/api/drop-down-list#value) property of the `DropDownList` component.
+The following example demonstrates how to export hierarchical grid to PDF document. Also change the `pdfExportProperties.hierarchyExportMode` property by using [value](https://ej2.syncfusion.com/react/documentation/api/drop-down-list/#value) property of the `DropDownList` component.
 
 {% tabs %}
 {% highlight js tabtitle="App.jsx" %}