diff --git a/ej2-react/code-snippet/kanban/additional-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/additional-cs1/app/index.tsx
index fae720fb5..e4295f414 100644
--- a/ej2-react/code-snippet/kanban/additional-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/additional-cs1/app/index.tsx
@@ -23,4 +23,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/additional-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/additional-cs2/app/index.tsx
index 21e9fad17..7fffc3691 100644
--- a/ej2-react/code-snippet/kanban/additional-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/additional-cs2/app/index.tsx
@@ -23,4 +23,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/ajax-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/ajax-cs1/app/index.tsx
index 34692b223..e86e24810 100644
--- a/ej2-react/code-snippet/kanban/ajax-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/ajax-cs1/app/index.tsx
@@ -25,4 +25,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
     }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/ajax-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/ajax-cs2/app/index.tsx
index 5ad360608..c0e9a8c03 100644
--- a/ej2-react/code-snippet/kanban/ajax-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/ajax-cs2/app/index.tsx
@@ -26,4 +26,4 @@ function App(){
      </KanbanComponent>
    );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs1/app/index.tsx
index fa6056152..a3827eed4 100644
--- a/ej2-react/code-snippet/kanban/auto-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs10/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs10/app/index.tsx
index bb3bb350e..8ce033eb7 100644
--- a/ej2-react/code-snippet/kanban/auto-cs10/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs10/app/index.tsx
@@ -46,4 +46,4 @@ import { kanbanData } from './datasource';
     </div>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs2/app/index.tsx
index 176de3152..fe2d53225 100644
--- a/ej2-react/code-snippet/kanban/auto-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs3/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs3/app/index.tsx
index 640de1f28..d119a595e 100644
--- a/ej2-react/code-snippet/kanban/auto-cs3/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs3/app/index.tsx
@@ -35,4 +35,4 @@ class App extends React.Component<{}, {}>{
             </div>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs4/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs4/app/index.tsx
index 23a65531c..320442dce 100644
--- a/ej2-react/code-snippet/kanban/auto-cs4/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs4/app/index.tsx
@@ -32,4 +32,4 @@ function App(){
       </div>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs5/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs5/app/index.tsx
index d88a7ac67..48f2b134e 100644
--- a/ej2-react/code-snippet/kanban/auto-cs5/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs5/app/index.tsx
@@ -38,4 +38,4 @@ class App extends React.Component<{}, {}>{
         </div>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs6/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs6/app/index.tsx
index 71929610b..18696a07b 100644
--- a/ej2-react/code-snippet/kanban/auto-cs6/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs6/app/index.tsx
@@ -35,4 +35,4 @@ function App(){
         </div>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs7/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs7/app/index.tsx
index fa7cc65dd..eeb5d43b6 100644
--- a/ej2-react/code-snippet/kanban/auto-cs7/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs7/app/index.tsx
@@ -34,4 +34,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs8/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs8/app/index.tsx
index e2c4a665a..aa389dd54 100644
--- a/ej2-react/code-snippet/kanban/auto-cs8/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs8/app/index.tsx
@@ -31,4 +31,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs9/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs9/app/index.tsx
index 1cbab5521..4d434b7a9 100644
--- a/ej2-react/code-snippet/kanban/auto-cs9/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs9/app/index.tsx
@@ -48,4 +48,4 @@ class App extends React.Component<{}, {}>{
         </div>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/card-header-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/card-header-cs1/app/index.tsx
index 7be70d7d2..3f2dd8312 100644
--- a/ej2-react/code-snippet/kanban/card-header-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/card-header-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/card-header-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/card-header-cs2/app/index.tsx
index f8c179043..7c27235ea 100644
--- a/ej2-react/code-snippet/kanban/card-header-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/card-header-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/card-template-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/card-template-cs1/app/index.tsx
index 07f717765..342e665d8 100644
--- a/ej2-react/code-snippet/kanban/card-template-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/card-template-cs1/app/index.tsx
@@ -46,4 +46,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/card-template-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/card-template-cs2/app/index.tsx
index 70354ac3e..11df64f3f 100644
--- a/ej2-react/code-snippet/kanban/card-template-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/card-template-cs2/app/index.tsx
@@ -44,4 +44,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/column-drag-and-drop-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/column-drag-and-drop-cs1/app/index.tsx
index c298ab9fc..910ffe983 100644
--- a/ej2-react/code-snippet/kanban/column-drag-and-drop-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/column-drag-and-drop-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/column-drag-and-drop-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/column-drag-and-drop-cs2/app/index.tsx
index 2e8e830f4..0b59f6ebc 100644
--- a/ej2-react/code-snippet/kanban/column-drag-and-drop-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/column-drag-and-drop-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
         </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/column-validation-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/column-validation-cs1/app/index.tsx
index f0f7b4df1..bcc81ccde 100644
--- a/ej2-react/code-snippet/kanban/column-validation-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/column-validation-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/column-validation-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/column-validation-cs2/app/index.tsx
index b64ecfc4c..bd3e06a5b 100644
--- a/ej2-react/code-snippet/kanban/column-validation-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/column-validation-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
       </KanbanComponent>
     );
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/custom-dialog-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/custom-dialog-cs1/app/index.tsx
index bb648ef7b..e0538203d 100644
--- a/ej2-react/code-snippet/kanban/custom-dialog-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/custom-dialog-cs1/app/index.tsx
@@ -26,4 +26,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/custom-dialog-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/custom-dialog-cs2/app/index.tsx
index 99cd5220f..532ab895c 100644
--- a/ej2-react/code-snippet/kanban/custom-dialog-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/custom-dialog-cs2/app/index.tsx
@@ -23,4 +23,4 @@ function App(){
         </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/custom-mapping-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/custom-mapping-cs1/app/index.tsx
index 34b1decc3..75a30264e 100644
--- a/ej2-react/code-snippet/kanban/custom-mapping-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/custom-mapping-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/custom-mapping-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/custom-mapping-cs2/app/index.tsx
index e1d37142b..626722d88 100644
--- a/ej2-react/code-snippet/kanban/custom-mapping-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/custom-mapping-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/data-source-order-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/data-source-order-cs1/app/index.tsx
index 5f625476b..8c3a0b4df 100644
--- a/ej2-react/code-snippet/kanban/data-source-order-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/data-source-order-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/data-source-order-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/data-source-order-cs2/app/index.tsx
index 2b81f6143..3e7a0a330 100644
--- a/ej2-react/code-snippet/kanban/data-source-order-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/data-source-order-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/dialog-template-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/dialog-template-cs1/app/index.tsx
index 66a0b2649..174deeb59 100644
--- a/ej2-react/code-snippet/kanban/dialog-template-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/dialog-template-cs1/app/index.tsx
@@ -101,5 +101,3 @@ export interface KanbanDataModel {
     RankId?: number;
     Color?: string;
 }
-
-
diff --git a/ej2-react/code-snippet/kanban/dialog-template-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/dialog-template-cs2/app/index.tsx
index 48b0f12e9..c2ef6bb42 100644
--- a/ej2-react/code-snippet/kanban/dialog-template-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/dialog-template-cs2/app/index.tsx
@@ -96,4 +96,4 @@ export interface KanbanDataModel {
   RankId?: number;
   Color?: string;
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/drag-and-drop-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/drag-and-drop-cs1/app/index.tsx
index 85caa6d4d..74156b4c2 100644
--- a/ej2-react/code-snippet/kanban/drag-and-drop-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/drag-and-drop-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/drag-and-drop-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/drag-and-drop-cs2/app/index.tsx
index 266fb1d33..c4106ccb2 100644
--- a/ej2-react/code-snippet/kanban/drag-and-drop-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/drag-and-drop-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/error-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/error-cs1/app/index.tsx
index cdf124a79..3fbc2b590 100644
--- a/ej2-react/code-snippet/kanban/error-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/error-cs1/app/index.tsx
@@ -28,4 +28,4 @@ class App extends React.Component<{}, {}>{
         }
     }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/expanded-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/expanded-cs1/app/index.tsx
index aa9b3fc3e..1de18e976 100644
--- a/ej2-react/code-snippet/kanban/expanded-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/expanded-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/expanded-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/expanded-cs2/app/index.tsx
index 3a46980db..fb7a3de2e 100644
--- a/ej2-react/code-snippet/kanban/expanded-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/expanded-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
   </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/fields-validation-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/fields-validation-cs1/app/index.tsx
index 78b2284e6..e2678b183 100644
--- a/ej2-react/code-snippet/kanban/fields-validation-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/fields-validation-cs1/app/index.tsx
@@ -26,4 +26,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/fields-validation-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/fields-validation-cs2/app/index.tsx
index 3daf727d2..b78cea796 100644
--- a/ej2-react/code-snippet/kanban/fields-validation-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/fields-validation-cs2/app/index.tsx
@@ -23,4 +23,4 @@ function App(){
         </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/getting-started-key-field-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/getting-started-key-field-cs1/app/index.tsx
index 2f9fb8b98..a369415c8 100644
--- a/ej2-react/code-snippet/kanban/getting-started-key-field-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/getting-started-key-field-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/getting-started-key-field-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/getting-started-key-field-cs2/app/index.tsx
index 68edf1700..97a3e9b24 100644
--- a/ej2-react/code-snippet/kanban/getting-started-key-field-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/getting-started-key-field-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
         </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/getting-started-key-field-cs3/app/index.tsx b/ej2-react/code-snippet/kanban/getting-started-key-field-cs3/app/index.tsx
index 3b8698245..057bc4018 100644
--- a/ej2-react/code-snippet/kanban/getting-started-key-field-cs3/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/getting-started-key-field-cs3/app/index.tsx
@@ -21,4 +21,4 @@ function App() {
 
 export default App;
 
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/getting-started-key-field-cs4/app/index.tsx b/ej2-react/code-snippet/kanban/getting-started-key-field-cs4/app/index.tsx
index 20dd7f387..2e4a7bae0 100644
--- a/ej2-react/code-snippet/kanban/getting-started-key-field-cs4/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/getting-started-key-field-cs4/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/getting-started-key-field-cs5/app/index.tsx b/ej2-react/code-snippet/kanban/getting-started-key-field-cs5/app/index.tsx
index 36f63a90e..24743cb84 100644
--- a/ej2-react/code-snippet/kanban/getting-started-key-field-cs5/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/getting-started-key-field-cs5/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/getting-started-swimlane-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/getting-started-swimlane-cs1/app/index.tsx
index 1146529fd..acd27cbe0 100644
--- a/ej2-react/code-snippet/kanban/getting-started-swimlane-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/getting-started-swimlane-cs1/app/index.tsx
@@ -21,4 +21,4 @@ function App() {
 
 export default App;
 
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/getting-started-swimlane-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/getting-started-swimlane-cs2/app/index.tsx
index f0617a8a2..ebc1ea0b7 100644
--- a/ej2-react/code-snippet/kanban/getting-started-swimlane-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/getting-started-swimlane-cs2/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/getting-started-swimlane-cs3/app/index.tsx b/ej2-react/code-snippet/kanban/getting-started-swimlane-cs3/app/index.tsx
index b0740ae99..613ddac48 100644
--- a/ej2-react/code-snippet/kanban/getting-started-swimlane-cs3/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/getting-started-swimlane-cs3/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/header-template-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/header-template-cs1/app/index.tsx
index c3be2101f..0aba796b5 100644
--- a/ej2-react/code-snippet/kanban/header-template-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/header-template-cs1/app/index.tsx
@@ -28,4 +28,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/header-template-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/header-template-cs2/app/index.tsx
index 186746758..d31f707ca 100644
--- a/ej2-react/code-snippet/kanban/header-template-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/header-template-cs2/app/index.tsx
@@ -25,4 +25,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/index-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/index-cs1/app/index.tsx
index 20dd7f387..2e4a7bae0 100644
--- a/ej2-react/code-snippet/kanban/index-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/index-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/index-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/index-cs2/app/index.tsx
index 36f63a90e..24743cb84 100644
--- a/ej2-react/code-snippet/kanban/index-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/index-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/index-field-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/index-field-cs1/app/index.tsx
index 2b4175e70..f56b3c41f 100644
--- a/ej2-react/code-snippet/kanban/index-field-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/index-field-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/index-field-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/index-field-cs2/app/index.tsx
index 0ebe1055d..fe6e3e130 100644
--- a/ej2-react/code-snippet/kanban/index-field-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/index-field-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/kanban-to-kanban-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/kanban-to-kanban-cs1/app/index.tsx
index 027a00fa2..7679740cc 100644
--- a/ej2-react/code-snippet/kanban/kanban-to-kanban-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/kanban-to-kanban-cs1/app/index.tsx
@@ -73,4 +73,4 @@ class App extends React.Component<{}, {}>{
         </div>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/kanban-to-kanban-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/kanban-to-kanban-cs2/app/index.tsx
index f25fefc65..d1e14828b 100644
--- a/ej2-react/code-snippet/kanban/kanban-to-kanban-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/kanban-to-kanban-cs2/app/index.tsx
@@ -70,4 +70,4 @@ function App(){
     </div>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/kanban-to-schedule-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/kanban-to-schedule-cs1/app/index.tsx
index 5551d835a..c162674a0 100644
--- a/ej2-react/code-snippet/kanban/kanban-to-schedule-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/kanban-to-schedule-cs1/app/index.tsx
@@ -1,4 +1,3 @@
-{% raw %}
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { extend, closest, removeClass } from '@syncfusion/ej2-base';
@@ -108,4 +107,3 @@ class App extends React.Component<{}, {}>{
   }
 };
 ReactDOM.render(<App />, document.getElementById('kanban'));
-{% endraw %}
\ No newline at end of file
diff --git a/ej2-react/code-snippet/kanban/kanban-to-schedule-cs2/app/index.jsx b/ej2-react/code-snippet/kanban/kanban-to-schedule-cs2/app/index.jsx
index 28815bdd2..402560185 100644
--- a/ej2-react/code-snippet/kanban/kanban-to-schedule-cs2/app/index.jsx
+++ b/ej2-react/code-snippet/kanban/kanban-to-schedule-cs2/app/index.jsx
@@ -1,4 +1,3 @@
-{% raw %}
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { extend, closest, removeClass } from '@syncfusion/ej2-base';
@@ -89,5 +88,4 @@ function App() {
         </div>
       </div>);
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
-{% endraw %}
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
diff --git a/ej2-react/code-snippet/kanban/kanban-to-schedule-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/kanban-to-schedule-cs2/app/index.tsx
index 5c1bf2dfb..a7d034a7c 100644
--- a/ej2-react/code-snippet/kanban/kanban-to-schedule-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/kanban-to-schedule-cs2/app/index.tsx
@@ -1,4 +1,3 @@
-{% raw %}
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { extend, closest, removeClass } from '@syncfusion/ej2-base';
@@ -104,4 +103,3 @@ function App(){
     );
 }
 ReactDOM.render(<App />, document.getElementById('kanban'));
-{% endraw %}
\ No newline at end of file
diff --git a/ej2-react/code-snippet/kanban/kanban-to-treeview-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/kanban-to-treeview-cs1/app/index.tsx
index e9282a1b5..85c3868ab 100644
--- a/ej2-react/code-snippet/kanban/kanban-to-treeview-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/kanban-to-treeview-cs1/app/index.tsx
@@ -62,4 +62,4 @@ class App extends React.Component<{}, {}>{
         </div>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/kanban-to-treeview-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/kanban-to-treeview-cs2/app/index.tsx
index 33bfdf63a..258377c1c 100644
--- a/ej2-react/code-snippet/kanban/kanban-to-treeview-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/kanban-to-treeview-cs2/app/index.tsx
@@ -59,4 +59,4 @@ function App(){
     </div>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/label-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/label-cs1/app/index.tsx
index 3fc93c441..6b21d0507 100644
--- a/ej2-react/code-snippet/kanban/label-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/label-cs1/app/index.tsx
@@ -26,4 +26,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/label-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/label-cs2/app/index.tsx
index 66c67ce28..55bba8869 100644
--- a/ej2-react/code-snippet/kanban/label-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/label-cs2/app/index.tsx
@@ -23,4 +23,4 @@ function App(){
         </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/local-data-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/local-data-cs1/app/index.tsx
index 20dd7f387..2e4a7bae0 100644
--- a/ej2-react/code-snippet/kanban/local-data-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/local-data-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/local-data-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/local-data-cs2/app/index.tsx
index 36f63a90e..24743cb84 100644
--- a/ej2-react/code-snippet/kanban/local-data-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/local-data-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/locale-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/locale-cs1/app/index.tsx
index d02ce6f63..ccfc551a7 100644
--- a/ej2-react/code-snippet/kanban/locale-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/locale-cs1/app/index.tsx
@@ -42,4 +42,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/locale-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/locale-cs2/app/index.tsx
index 42e9643be..b53e264d6 100644
--- a/ej2-react/code-snippet/kanban/locale-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/locale-cs2/app/index.tsx
@@ -39,4 +39,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/multiple-keys-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/multiple-keys-cs1/app/index.tsx
index 173448b4b..006f268c5 100644
--- a/ej2-react/code-snippet/kanban/multiple-keys-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/multiple-keys-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/multiple-keys-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/multiple-keys-cs2/app/index.tsx
index 682327d05..e527dde40 100644
--- a/ej2-react/code-snippet/kanban/multiple-keys-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/multiple-keys-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/multiple-selection-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/multiple-selection-cs1/app/index.tsx
index d184c92bc..f8dbd4993 100644
--- a/ej2-react/code-snippet/kanban/multiple-selection-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/multiple-selection-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/multiple-selection-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/multiple-selection-cs2/app/index.tsx
index 79c5b7c06..bf8caa39e 100644
--- a/ej2-react/code-snippet/kanban/multiple-selection-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/multiple-selection-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
       </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/odata-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/odata-cs1/app/index.tsx
index dedd7479f..99159fdef 100644
--- a/ej2-react/code-snippet/kanban/odata-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/odata-cs1/app/index.tsx
@@ -23,4 +23,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/odata-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/odata-cs2/app/index.tsx
index 0b8f2800f..325c1fdce 100644
--- a/ej2-react/code-snippet/kanban/odata-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/odata-cs2/app/index.tsx
@@ -23,4 +23,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/odataV4-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/odataV4-cs1/app/index.tsx
index ed4192fc2..ce76745c5 100644
--- a/ej2-react/code-snippet/kanban/odataV4-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/odataV4-cs1/app/index.tsx
@@ -21,4 +21,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/odataV4-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/odataV4-cs2/app/index.tsx
index 8d4d24f32..6afa748a9 100644
--- a/ej2-react/code-snippet/kanban/odataV4-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/odataV4-cs2/app/index.tsx
@@ -21,4 +21,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/percentage-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/percentage-cs1/app/index.tsx
index 99c7b13cf..5fa161bb4 100644
--- a/ej2-react/code-snippet/kanban/percentage-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/percentage-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/percentage-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/percentage-cs2/app/index.tsx
index ea41eed24..f10944ad2 100644
--- a/ej2-react/code-snippet/kanban/percentage-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/percentage-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/persistence-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/persistence-cs1/app/index.tsx
index c8735c0f7..949832c5a 100644
--- a/ej2-react/code-snippet/kanban/persistence-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/persistence-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/persistence-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/persistence-cs2/app/index.tsx
index 55cc66b07..659e42e13 100644
--- a/ej2-react/code-snippet/kanban/persistence-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/persistence-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/pixel-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/pixel-cs1/app/index.tsx
index 382ad107e..0e46174ce 100644
--- a/ej2-react/code-snippet/kanban/pixel-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/pixel-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/pixel-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/pixel-cs2/app/index.tsx
index d2245f6f2..feb482615 100644
--- a/ej2-react/code-snippet/kanban/pixel-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/pixel-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/prevent-dialog-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/prevent-dialog-cs1/app/index.tsx
index 2e7df1a93..87527c408 100644
--- a/ej2-react/code-snippet/kanban/prevent-dialog-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/prevent-dialog-cs1/app/index.tsx
@@ -23,4 +23,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/prevent-dialog-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/prevent-dialog-cs2/app/index.tsx
index debef47bf..f60e0cbd1 100644
--- a/ej2-react/code-snippet/kanban/prevent-dialog-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/prevent-dialog-cs2/app/index.tsx
@@ -20,4 +20,4 @@ function App(){
         </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/priority-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/priority-cs1/app/index.tsx
index e7a21e344..2bc9bf853 100644
--- a/ej2-react/code-snippet/kanban/priority-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/priority-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/priority-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/priority-cs2/app/index.tsx
index 6a09482f3..5093f23d9 100644
--- a/ej2-react/code-snippet/kanban/priority-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/priority-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/remote-data-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/remote-data-cs1/app/index.tsx
index a4d418deb..8fb084023 100644
--- a/ej2-react/code-snippet/kanban/remote-data-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/remote-data-cs1/app/index.tsx
@@ -22,4 +22,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/remote-data-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/remote-data-cs2/app/index.tsx
index 51c975d9e..dfcae4ab8 100644
--- a/ej2-react/code-snippet/kanban/remote-data-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/remote-data-cs2/app/index.tsx
@@ -22,4 +22,4 @@ function App(){
         </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/rtl-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/rtl-cs1/app/index.tsx
index 957e9947c..71efc2588 100644
--- a/ej2-react/code-snippet/kanban/rtl-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/rtl-cs1/app/index.tsx
@@ -42,4 +42,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/rtl-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/rtl-cs2/app/index.tsx
index cb2c28617..ec55ef303 100644
--- a/ej2-react/code-snippet/kanban/rtl-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/rtl-cs2/app/index.tsx
@@ -39,4 +39,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/single-key-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/single-key-cs1/app/index.tsx
index 20dd7f387..2e4a7bae0 100644
--- a/ej2-react/code-snippet/kanban/single-key-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/single-key-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/single-key-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/single-key-cs2/app/index.tsx
index 36f63a90e..24743cb84 100644
--- a/ej2-react/code-snippet/kanban/single-key-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/single-key-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/sort-direction-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/sort-direction-cs1/app/index.tsx
index a3265aaa6..50f7b793d 100644
--- a/ej2-react/code-snippet/kanban/sort-direction-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/sort-direction-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/sort-direction-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/sort-direction-cs2/app/index.tsx
index d0661a71a..73f4dba66 100644
--- a/ej2-react/code-snippet/kanban/sort-direction-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/sort-direction-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/stacked-headers-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/stacked-headers-cs1/app/index.tsx
index e689d200a..bef6e8826 100644
--- a/ej2-react/code-snippet/kanban/stacked-headers-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/stacked-headers-cs1/app/index.tsx
@@ -25,4 +25,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/stacked-headers-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/stacked-headers-cs2/app/index.tsx
index b217e89c9..6ada858d2 100644
--- a/ej2-react/code-snippet/kanban/stacked-headers-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/stacked-headers-cs2/app/index.tsx
@@ -22,4 +22,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-drag-and-drop-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-drag-and-drop-cs1/app/index.tsx
index c1f933b97..3b08e31ff 100644
--- a/ej2-react/code-snippet/kanban/swimlane-drag-and-drop-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-drag-and-drop-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-drag-and-drop-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-drag-and-drop-cs2/app/index.tsx
index 6ba9c0849..415e0aea1 100644
--- a/ej2-react/code-snippet/kanban/swimlane-drag-and-drop-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-drag-and-drop-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-drag-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-drag-cs1/app/index.tsx
index c1f933b97..3b08e31ff 100644
--- a/ej2-react/code-snippet/kanban/swimlane-drag-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-drag-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-drag-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-drag-cs2/app/index.tsx
index 892cb09d0..bb3c71eb9 100644
--- a/ej2-react/code-snippet/kanban/swimlane-drag-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-drag-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   )
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-empty-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-empty-cs1/app/index.tsx
index 8ad5b4d97..1d6297c64 100644
--- a/ej2-react/code-snippet/kanban/swimlane-empty-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-empty-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-empty-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-empty-cs2/app/index.tsx
index 52ef92b43..470ea710b 100644
--- a/ej2-react/code-snippet/kanban/swimlane-empty-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-empty-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-enable-frozen-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-enable-frozen-cs1/app/index.tsx
index 7e9d60f6d..16646ed8d 100644
--- a/ej2-react/code-snippet/kanban/swimlane-enable-frozen-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-enable-frozen-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-enable-frozen-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-enable-frozen-cs2/app/index.tsx
index 137fce9c1..ba3e72509 100644
--- a/ej2-react/code-snippet/kanban/swimlane-enable-frozen-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-enable-frozen-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
           </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-key-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-key-cs1/app/index.tsx
index f0617a8a2..ebc1ea0b7 100644
--- a/ej2-react/code-snippet/kanban/swimlane-key-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-key-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-key-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-key-cs2/app/index.tsx
index 7d482940c..a461c7565 100644
--- a/ej2-react/code-snippet/kanban/swimlane-key-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-key-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
             </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-sort-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-sort-cs1/app/index.tsx
index 754b644e6..5f1043e7a 100644
--- a/ej2-react/code-snippet/kanban/swimlane-sort-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-sort-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-sort-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-sort-cs2/app/index.tsx
index 48c947d68..70ccba6e1 100644
--- a/ej2-react/code-snippet/kanban/swimlane-sort-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-sort-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-template-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-template-cs1/app/index.tsx
index d136b797a..5d624d9c1 100644
--- a/ej2-react/code-snippet/kanban/swimlane-template-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-template-cs1/app/index.tsx
@@ -30,4 +30,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-template-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-template-cs2/app/index.tsx
index d9638ee1c..0f97c82b2 100644
--- a/ej2-react/code-snippet/kanban/swimlane-template-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-template-cs2/app/index.tsx
@@ -27,4 +27,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-text-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-text-cs1/app/index.tsx
index fe0359560..f16245e26 100644
--- a/ej2-react/code-snippet/kanban/swimlane-text-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-text-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-text-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-text-cs2/app/index.tsx
index 679963484..69191d5db 100644
--- a/ej2-react/code-snippet/kanban/swimlane-text-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-text-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
           </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-total-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-total-cs1/app/index.tsx
index a41fc0fbc..a4d575249 100644
--- a/ej2-react/code-snippet/kanban/swimlane-total-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-total-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-total-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-total-cs2/app/index.tsx
index b1fd430c9..c2a527f9d 100644
--- a/ej2-react/code-snippet/kanban/swimlane-total-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-total-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/toggle-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/toggle-cs1/app/index.tsx
index 71686acad..6bacb9148 100644
--- a/ej2-react/code-snippet/kanban/toggle-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/toggle-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/toggle-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/toggle-cs2/app/index.tsx
index 019ba9f53..00d2fa3ef 100644
--- a/ej2-react/code-snippet/kanban/toggle-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/toggle-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/tooltip-template-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/tooltip-template-cs1/app/index.tsx
index c216fe7d7..426d3ada6 100644
--- a/ej2-react/code-snippet/kanban/tooltip-template-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/tooltip-template-cs1/app/index.tsx
@@ -39,4 +39,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/tooltip-template-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/tooltip-template-cs2/app/index.tsx
index 62331f250..4f26670bb 100644
--- a/ej2-react/code-snippet/kanban/tooltip-template-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/tooltip-template-cs2/app/index.tsx
@@ -37,4 +37,4 @@ function App(){
         </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/virtual-scrolling-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/virtual-scrolling-cs1/app/index.tsx
index 475e2aebf..5878b68a7 100644
--- a/ej2-react/code-snippet/kanban/virtual-scrolling-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/virtual-scrolling-cs1/app/index.tsx
@@ -92,4 +92,4 @@ class App extends React.Component<{}, {}>{
     </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/virtual-scrolling-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/virtual-scrolling-cs2/app/index.tsx
index fafd01811..e7b65db06 100644
--- a/ej2-react/code-snippet/kanban/virtual-scrolling-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/virtual-scrolling-cs2/app/index.tsx
@@ -90,4 +90,4 @@ function App() {
     return kanbanData;
   }
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));