From 013f82751483a98cad1b22faeb99292d79100ff4 Mon Sep 17 00:00:00 2001
From: Mikhail Preyskurantov <5574159+mpreyskurantov@users.noreply.github.com>
Date: Thu, 19 Feb 2026 20:00:27 +0200
Subject: [PATCH 1/2] activate 'anti-forgery' (11 scenarios * 5 files) (55); 1
 of jQuery / index.html right after dx.all.js (coz no dx.aspnet.data.js for
 CardView/DataValidation - local data.js + remote val), others - after
 dx.all.js + dx.aspnet.data.js

---
 .../Demos/CardView/DataValidation/Angular/app/app.component.ts  | 1 +
 apps/demos/Demos/CardView/DataValidation/React/index.tsx        | 2 ++
 apps/demos/Demos/CardView/DataValidation/ReactJs/index.js       | 2 ++
 apps/demos/Demos/CardView/DataValidation/Vue/index.ts           | 1 +
 apps/demos/Demos/CardView/DataValidation/jQuery/index.html      | 1 +
 .../Demos/CardView/WebAPIService/Angular/app/app.component.ts   | 1 +
 apps/demos/Demos/CardView/WebAPIService/React/index.tsx         | 2 ++
 apps/demos/Demos/CardView/WebAPIService/ReactJs/index.js        | 2 ++
 apps/demos/Demos/CardView/WebAPIService/Vue/index.ts            | 1 +
 apps/demos/Demos/CardView/WebAPIService/jQuery/index.html       | 1 +
 .../DataGrid/CollaborativeEditing/Angular/app/app.service.ts    | 1 +
 apps/demos/Demos/DataGrid/CollaborativeEditing/React/index.tsx  | 2 ++
 apps/demos/Demos/DataGrid/CollaborativeEditing/ReactJs/index.js | 2 ++
 apps/demos/Demos/DataGrid/CollaborativeEditing/Vue/index.ts     | 1 +
 .../demos/Demos/DataGrid/CollaborativeEditing/jQuery/index.html | 1 +
 .../Demos/DataGrid/CustomEditors/Angular/app/app.component.ts   | 1 +
 apps/demos/Demos/DataGrid/CustomEditors/React/index.tsx         | 2 ++
 apps/demos/Demos/DataGrid/CustomEditors/ReactJs/index.js        | 2 ++
 apps/demos/Demos/DataGrid/CustomEditors/Vue/index.ts            | 1 +
 apps/demos/Demos/DataGrid/CustomEditors/jQuery/index.html       | 1 +
 .../Demos/DataGrid/DataValidation/Angular/app/app.component.ts  | 1 +
 apps/demos/Demos/DataGrid/DataValidation/React/index.tsx        | 2 ++
 apps/demos/Demos/DataGrid/DataValidation/ReactJs/index.js       | 2 ++
 apps/demos/Demos/DataGrid/DataValidation/Vue/index.ts           | 1 +
 apps/demos/Demos/DataGrid/DataValidation/jQuery/index.html      | 1 +
 .../Demos/DataGrid/NewRecordPosition/Angular/app/app.service.ts | 1 +
 apps/demos/Demos/DataGrid/NewRecordPosition/React/index.tsx     | 2 ++
 apps/demos/Demos/DataGrid/NewRecordPosition/ReactJs/index.js    | 2 ++
 apps/demos/Demos/DataGrid/NewRecordPosition/Vue/index.ts        | 1 +
 apps/demos/Demos/DataGrid/NewRecordPosition/jQuery/index.html   | 1 +
 .../Demos/DataGrid/WebAPIService/Angular/app/app.component.ts   | 1 +
 apps/demos/Demos/DataGrid/WebAPIService/React/index.tsx         | 2 ++
 apps/demos/Demos/DataGrid/WebAPIService/ReactJs/index.js        | 2 ++
 apps/demos/Demos/DataGrid/WebAPIService/Vue/index.ts            | 1 +
 apps/demos/Demos/DataGrid/WebAPIService/jQuery/index.html       | 1 +
 .../Demos/Diagram/WebAPIService/Angular/app/app.component.ts    | 1 +
 apps/demos/Demos/Diagram/WebAPIService/React/index.tsx          | 2 ++
 apps/demos/Demos/Diagram/WebAPIService/ReactJs/index.js         | 2 ++
 apps/demos/Demos/Diagram/WebAPIService/Vue/index.ts             | 1 +
 apps/demos/Demos/Diagram/WebAPIService/jQuery/index.html        | 1 +
 .../Demos/Scheduler/SignalRService/Angular/app/app.component.ts | 1 +
 apps/demos/Demos/Scheduler/SignalRService/React/index.tsx       | 2 ++
 apps/demos/Demos/Scheduler/SignalRService/ReactJs/index.js      | 2 ++
 apps/demos/Demos/Scheduler/SignalRService/Vue/index.ts          | 1 +
 apps/demos/Demos/Scheduler/SignalRService/jQuery/index.html     | 1 +
 .../Demos/Scheduler/WebAPIService/Angular/app/app.component.ts  | 1 +
 apps/demos/Demos/Scheduler/WebAPIService/React/index.tsx        | 2 ++
 apps/demos/Demos/Scheduler/WebAPIService/ReactJs/index.js       | 2 ++
 apps/demos/Demos/Scheduler/WebAPIService/Vue/index.ts           | 1 +
 apps/demos/Demos/Scheduler/WebAPIService/jQuery/index.html      | 1 +
 .../Demos/TreeList/WebAPIService/Angular/app/app.component.ts   | 1 +
 apps/demos/Demos/TreeList/WebAPIService/React/index.tsx         | 2 ++
 apps/demos/Demos/TreeList/WebAPIService/ReactJs/index.js        | 2 ++
 apps/demos/Demos/TreeList/WebAPIService/Vue/index.ts            | 1 +
 apps/demos/Demos/TreeList/WebAPIService/jQuery/index.html       | 1 +
 55 files changed, 77 insertions(+)

diff --git a/apps/demos/Demos/CardView/DataValidation/Angular/app/app.component.ts b/apps/demos/Demos/CardView/DataValidation/Angular/app/app.component.ts
index 4f6437f25f3f..f4b6c0b2f1c8 100644
--- a/apps/demos/Demos/CardView/DataValidation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/DataValidation/Angular/app/app.component.ts
@@ -4,6 +4,7 @@ import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/
 import { DxCardViewModule, DxTextAreaModule } from 'devextreme-angular';
 import { lastValueFrom } from 'rxjs';
 import { Employee, Service } from './app.service';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/CardView/DataValidation/React/index.tsx b/apps/demos/Demos/CardView/DataValidation/React/index.tsx
index 8acbec4b6179..c3dd8a22d1a9 100644
--- a/apps/demos/Demos/CardView/DataValidation/React/index.tsx
+++ b/apps/demos/Demos/CardView/DataValidation/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/CardView/DataValidation/ReactJs/index.js b/apps/demos/Demos/CardView/DataValidation/ReactJs/index.js
index b853e0be8242..9a65de6bddfc 100644
--- a/apps/demos/Demos/CardView/DataValidation/ReactJs/index.js
+++ b/apps/demos/Demos/CardView/DataValidation/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/CardView/DataValidation/Vue/index.ts b/apps/demos/Demos/CardView/DataValidation/Vue/index.ts
index 684d04215d72..ac840e87baee 100644
--- a/apps/demos/Demos/CardView/DataValidation/Vue/index.ts
+++ b/apps/demos/Demos/CardView/DataValidation/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/CardView/DataValidation/jQuery/index.html b/apps/demos/Demos/CardView/DataValidation/jQuery/index.html
index ce1342832a60..9105d980d23e 100644
--- a/apps/demos/Demos/CardView/DataValidation/jQuery/index.html
+++ b/apps/demos/Demos/CardView/DataValidation/jQuery/index.html
@@ -8,6 +8,7 @@
     <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <script src="data.js"></script>
     <script src="index.js"></script>
   </head>
diff --git a/apps/demos/Demos/CardView/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/CardView/WebAPIService/Angular/app/app.component.ts
index ccdb0799aa75..94100f60355f 100644
--- a/apps/demos/Demos/CardView/WebAPIService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/WebAPIService/Angular/app/app.component.ts
@@ -2,6 +2,7 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import { DxCardViewModule, DxSelectBoxModule } from 'devextreme-angular';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/CardView/WebAPIService/React/index.tsx b/apps/demos/Demos/CardView/WebAPIService/React/index.tsx
index 8acbec4b6179..c3dd8a22d1a9 100644
--- a/apps/demos/Demos/CardView/WebAPIService/React/index.tsx
+++ b/apps/demos/Demos/CardView/WebAPIService/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/CardView/WebAPIService/ReactJs/index.js b/apps/demos/Demos/CardView/WebAPIService/ReactJs/index.js
index b853e0be8242..9a65de6bddfc 100644
--- a/apps/demos/Demos/CardView/WebAPIService/ReactJs/index.js
+++ b/apps/demos/Demos/CardView/WebAPIService/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/CardView/WebAPIService/Vue/index.ts b/apps/demos/Demos/CardView/WebAPIService/Vue/index.ts
index 684d04215d72..ac840e87baee 100644
--- a/apps/demos/Demos/CardView/WebAPIService/Vue/index.ts
+++ b/apps/demos/Demos/CardView/WebAPIService/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/CardView/WebAPIService/jQuery/index.html b/apps/demos/Demos/CardView/WebAPIService/jQuery/index.html
index 718f0304cdef..6cece9ada40c 100644
--- a/apps/demos/Demos/CardView/WebAPIService/jQuery/index.html
+++ b/apps/demos/Demos/CardView/WebAPIService/jQuery/index.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/devextreme-aspnet-data/js/dx.aspnet.data.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <script src="index.js"></script>
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/DataGrid/CollaborativeEditing/Angular/app/app.service.ts b/apps/demos/Demos/DataGrid/CollaborativeEditing/Angular/app/app.service.ts
index 9487ae16132e..fdeee4340dca 100644
--- a/apps/demos/Demos/DataGrid/CollaborativeEditing/Angular/app/app.service.ts
+++ b/apps/demos/Demos/DataGrid/CollaborativeEditing/Angular/app/app.service.ts
@@ -3,6 +3,7 @@ import { HubConnectionBuilder, HttpTransportType } from '@aspnet/signalr';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import Guid from 'devextreme/core/guid';
 import { Subject } from 'rxjs';
+import 'anti-forgery';
 
 const BASE_PATH = 'https://js.devexpress.com/Demos/NetCore/';
 
diff --git a/apps/demos/Demos/DataGrid/CollaborativeEditing/React/index.tsx b/apps/demos/Demos/DataGrid/CollaborativeEditing/React/index.tsx
index 8acbec4b6179..c3dd8a22d1a9 100644
--- a/apps/demos/Demos/DataGrid/CollaborativeEditing/React/index.tsx
+++ b/apps/demos/Demos/DataGrid/CollaborativeEditing/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/DataGrid/CollaborativeEditing/ReactJs/index.js b/apps/demos/Demos/DataGrid/CollaborativeEditing/ReactJs/index.js
index b853e0be8242..9a65de6bddfc 100644
--- a/apps/demos/Demos/DataGrid/CollaborativeEditing/ReactJs/index.js
+++ b/apps/demos/Demos/DataGrid/CollaborativeEditing/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/DataGrid/CollaborativeEditing/Vue/index.ts b/apps/demos/Demos/DataGrid/CollaborativeEditing/Vue/index.ts
index 684d04215d72..ac840e87baee 100644
--- a/apps/demos/Demos/DataGrid/CollaborativeEditing/Vue/index.ts
+++ b/apps/demos/Demos/DataGrid/CollaborativeEditing/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/DataGrid/CollaborativeEditing/jQuery/index.html b/apps/demos/Demos/DataGrid/CollaborativeEditing/jQuery/index.html
index 4aa99c0ce574..bbe9ba77235e 100644
--- a/apps/demos/Demos/DataGrid/CollaborativeEditing/jQuery/index.html
+++ b/apps/demos/Demos/DataGrid/CollaborativeEditing/jQuery/index.html
@@ -10,6 +10,7 @@
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/@aspnet/signalr/dist/browser/signalr.js"></script>
     <script src="../../../../node_modules/devextreme-aspnet-data/js/dx.aspnet.data.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <script src="index.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
   </head>
diff --git a/apps/demos/Demos/DataGrid/CustomEditors/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/CustomEditors/Angular/app/app.component.ts
index cf8e7154b797..e909f5fd5f6c 100644
--- a/apps/demos/Demos/DataGrid/CustomEditors/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/CustomEditors/Angular/app/app.component.ts
@@ -5,6 +5,7 @@ import {
 } from 'devextreme-angular';
 import { createStore, CustomStore } from 'devextreme-aspnet-data-nojquery';
 import { Service, Status } from './app.service';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/DataGrid/CustomEditors/React/index.tsx b/apps/demos/Demos/DataGrid/CustomEditors/React/index.tsx
index 8acbec4b6179..c3dd8a22d1a9 100644
--- a/apps/demos/Demos/DataGrid/CustomEditors/React/index.tsx
+++ b/apps/demos/Demos/DataGrid/CustomEditors/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/DataGrid/CustomEditors/ReactJs/index.js b/apps/demos/Demos/DataGrid/CustomEditors/ReactJs/index.js
index b853e0be8242..9a65de6bddfc 100644
--- a/apps/demos/Demos/DataGrid/CustomEditors/ReactJs/index.js
+++ b/apps/demos/Demos/DataGrid/CustomEditors/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/DataGrid/CustomEditors/Vue/index.ts b/apps/demos/Demos/DataGrid/CustomEditors/Vue/index.ts
index 684d04215d72..ac840e87baee 100644
--- a/apps/demos/Demos/DataGrid/CustomEditors/Vue/index.ts
+++ b/apps/demos/Demos/DataGrid/CustomEditors/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/DataGrid/CustomEditors/jQuery/index.html b/apps/demos/Demos/DataGrid/CustomEditors/jQuery/index.html
index a55a98bd2d3e..40fbcc97d6d8 100644
--- a/apps/demos/Demos/DataGrid/CustomEditors/jQuery/index.html
+++ b/apps/demos/Demos/DataGrid/CustomEditors/jQuery/index.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/devextreme-aspnet-data/js/dx.aspnet.data.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <script src="data.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="index.js"></script>
diff --git a/apps/demos/Demos/DataGrid/DataValidation/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/DataValidation/Angular/app/app.component.ts
index 9d9c4a17bf38..7d76a9af777b 100644
--- a/apps/demos/Demos/DataGrid/DataValidation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/DataValidation/Angular/app/app.component.ts
@@ -5,6 +5,7 @@ import { DxDataGridModule } from 'devextreme-angular';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import { CustomStore } from 'devextreme-angular/common/data';
 import { lastValueFrom } from 'rxjs';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/DataGrid/DataValidation/React/index.tsx b/apps/demos/Demos/DataGrid/DataValidation/React/index.tsx
index 8acbec4b6179..c3dd8a22d1a9 100644
--- a/apps/demos/Demos/DataGrid/DataValidation/React/index.tsx
+++ b/apps/demos/Demos/DataGrid/DataValidation/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/DataGrid/DataValidation/ReactJs/index.js b/apps/demos/Demos/DataGrid/DataValidation/ReactJs/index.js
index b853e0be8242..9a65de6bddfc 100644
--- a/apps/demos/Demos/DataGrid/DataValidation/ReactJs/index.js
+++ b/apps/demos/Demos/DataGrid/DataValidation/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/DataGrid/DataValidation/Vue/index.ts b/apps/demos/Demos/DataGrid/DataValidation/Vue/index.ts
index 684d04215d72..ac840e87baee 100644
--- a/apps/demos/Demos/DataGrid/DataValidation/Vue/index.ts
+++ b/apps/demos/Demos/DataGrid/DataValidation/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/DataGrid/DataValidation/jQuery/index.html b/apps/demos/Demos/DataGrid/DataValidation/jQuery/index.html
index 752e249e4c93..3e76c24f2be5 100644
--- a/apps/demos/Demos/DataGrid/DataValidation/jQuery/index.html
+++ b/apps/demos/Demos/DataGrid/DataValidation/jQuery/index.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/devextreme-aspnet-data/js/dx.aspnet.data.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <script src="data.js"></script>
     <script src="index.js"></script>
   </head>
diff --git a/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/app/app.service.ts b/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/app/app.service.ts
index 08214f719547..92f1d74e51f8 100644
--- a/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/app/app.service.ts
+++ b/apps/demos/Demos/DataGrid/NewRecordPosition/Angular/app/app.service.ts
@@ -1,5 +1,6 @@
 import { Injectable } from '@angular/core';
 import { createStore } from 'devextreme-aspnet-data-nojquery';
+import 'anti-forgery';
 
 const url = 'https://js.devexpress.com/Demos/NetCore/api/DataGridWebApi';
 
diff --git a/apps/demos/Demos/DataGrid/NewRecordPosition/React/index.tsx b/apps/demos/Demos/DataGrid/NewRecordPosition/React/index.tsx
index 8acbec4b6179..c3dd8a22d1a9 100644
--- a/apps/demos/Demos/DataGrid/NewRecordPosition/React/index.tsx
+++ b/apps/demos/Demos/DataGrid/NewRecordPosition/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/DataGrid/NewRecordPosition/ReactJs/index.js b/apps/demos/Demos/DataGrid/NewRecordPosition/ReactJs/index.js
index b853e0be8242..9a65de6bddfc 100644
--- a/apps/demos/Demos/DataGrid/NewRecordPosition/ReactJs/index.js
+++ b/apps/demos/Demos/DataGrid/NewRecordPosition/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/DataGrid/NewRecordPosition/Vue/index.ts b/apps/demos/Demos/DataGrid/NewRecordPosition/Vue/index.ts
index 684d04215d72..ac840e87baee 100644
--- a/apps/demos/Demos/DataGrid/NewRecordPosition/Vue/index.ts
+++ b/apps/demos/Demos/DataGrid/NewRecordPosition/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/DataGrid/NewRecordPosition/jQuery/index.html b/apps/demos/Demos/DataGrid/NewRecordPosition/jQuery/index.html
index a0f77e72b188..80f233380917 100644
--- a/apps/demos/Demos/DataGrid/NewRecordPosition/jQuery/index.html
+++ b/apps/demos/Demos/DataGrid/NewRecordPosition/jQuery/index.html
@@ -10,6 +10,7 @@
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/devextreme-aspnet-data/js/dx.aspnet.data.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <script src="data.js"></script>
     <script src="index.js"></script>
   </head>
diff --git a/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/app.component.ts
index af0cf71eb0cc..50b1bd2fe0d3 100644
--- a/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/WebAPIService/Angular/app/app.component.ts
@@ -2,6 +2,7 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
 import { DxDataGridModule } from 'devextreme-angular';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/DataGrid/WebAPIService/React/index.tsx b/apps/demos/Demos/DataGrid/WebAPIService/React/index.tsx
index 8acbec4b6179..c3dd8a22d1a9 100644
--- a/apps/demos/Demos/DataGrid/WebAPIService/React/index.tsx
+++ b/apps/demos/Demos/DataGrid/WebAPIService/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/DataGrid/WebAPIService/ReactJs/index.js b/apps/demos/Demos/DataGrid/WebAPIService/ReactJs/index.js
index b853e0be8242..9a65de6bddfc 100644
--- a/apps/demos/Demos/DataGrid/WebAPIService/ReactJs/index.js
+++ b/apps/demos/Demos/DataGrid/WebAPIService/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/DataGrid/WebAPIService/Vue/index.ts b/apps/demos/Demos/DataGrid/WebAPIService/Vue/index.ts
index 684d04215d72..ac840e87baee 100644
--- a/apps/demos/Demos/DataGrid/WebAPIService/Vue/index.ts
+++ b/apps/demos/Demos/DataGrid/WebAPIService/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/DataGrid/WebAPIService/jQuery/index.html b/apps/demos/Demos/DataGrid/WebAPIService/jQuery/index.html
index cf35723e0b3b..99a5103e9184 100644
--- a/apps/demos/Demos/DataGrid/WebAPIService/jQuery/index.html
+++ b/apps/demos/Demos/DataGrid/WebAPIService/jQuery/index.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/devextreme-aspnet-data/js/dx.aspnet.data.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <script src="index.js"></script>
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/Diagram/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/Diagram/WebAPIService/Angular/app/app.component.ts
index d6f45cc0d2d0..b4a389eac656 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Diagram/WebAPIService/Angular/app/app.component.ts
@@ -2,6 +2,7 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
 import { DxDiagramModule } from 'devextreme-angular';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/Diagram/WebAPIService/React/index.tsx b/apps/demos/Demos/Diagram/WebAPIService/React/index.tsx
index 8acbec4b6179..c3dd8a22d1a9 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/React/index.tsx
+++ b/apps/demos/Demos/Diagram/WebAPIService/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/Diagram/WebAPIService/ReactJs/index.js b/apps/demos/Demos/Diagram/WebAPIService/ReactJs/index.js
index b853e0be8242..9a65de6bddfc 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/ReactJs/index.js
+++ b/apps/demos/Demos/Diagram/WebAPIService/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/Diagram/WebAPIService/Vue/index.ts b/apps/demos/Demos/Diagram/WebAPIService/Vue/index.ts
index 684d04215d72..ac840e87baee 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/Vue/index.ts
+++ b/apps/demos/Demos/Diagram/WebAPIService/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/Diagram/WebAPIService/jQuery/index.html b/apps/demos/Demos/Diagram/WebAPIService/jQuery/index.html
index d47612c98952..a63ee0885155 100644
--- a/apps/demos/Demos/Diagram/WebAPIService/jQuery/index.html
+++ b/apps/demos/Demos/Diagram/WebAPIService/jQuery/index.html
@@ -11,6 +11,7 @@
     <link rel="stylesheet" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/devextreme-aspnet-data/js/dx.aspnet.data.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="index.js"></script>
   </head>
diff --git a/apps/demos/Demos/Scheduler/SignalRService/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/SignalRService/Angular/app/app.component.ts
index 09c682e01734..6872c0c8e5fe 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/SignalRService/Angular/app/app.component.ts
@@ -3,6 +3,7 @@ import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/
 import { HubConnectionBuilder, HttpTransportType } from '@aspnet/signalr';
 import { DxSchedulerModule } from 'devextreme-angular';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/Scheduler/SignalRService/React/index.tsx b/apps/demos/Demos/Scheduler/SignalRService/React/index.tsx
index 8acbec4b6179..c3dd8a22d1a9 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/React/index.tsx
+++ b/apps/demos/Demos/Scheduler/SignalRService/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/Scheduler/SignalRService/ReactJs/index.js b/apps/demos/Demos/Scheduler/SignalRService/ReactJs/index.js
index b853e0be8242..9a65de6bddfc 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/ReactJs/index.js
+++ b/apps/demos/Demos/Scheduler/SignalRService/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/Scheduler/SignalRService/Vue/index.ts b/apps/demos/Demos/Scheduler/SignalRService/Vue/index.ts
index 684d04215d72..ac840e87baee 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/Vue/index.ts
+++ b/apps/demos/Demos/Scheduler/SignalRService/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/Scheduler/SignalRService/jQuery/index.html b/apps/demos/Demos/Scheduler/SignalRService/jQuery/index.html
index 05efb69d3344..4d2fdc94b32f 100644
--- a/apps/demos/Demos/Scheduler/SignalRService/jQuery/index.html
+++ b/apps/demos/Demos/Scheduler/SignalRService/jQuery/index.html
@@ -11,6 +11,7 @@
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/devextreme-aspnet-data/js/dx.aspnet.data.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <script src="index.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
   </head>
diff --git a/apps/demos/Demos/Scheduler/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/Scheduler/WebAPIService/Angular/app/app.component.ts
index 45fa4bdc19ee..985368ed3181 100644
--- a/apps/demos/Demos/Scheduler/WebAPIService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/Scheduler/WebAPIService/Angular/app/app.component.ts
@@ -2,6 +2,7 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
 import { DxSchedulerModule } from 'devextreme-angular';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/Scheduler/WebAPIService/React/index.tsx b/apps/demos/Demos/Scheduler/WebAPIService/React/index.tsx
index 8acbec4b6179..c3dd8a22d1a9 100644
--- a/apps/demos/Demos/Scheduler/WebAPIService/React/index.tsx
+++ b/apps/demos/Demos/Scheduler/WebAPIService/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/Scheduler/WebAPIService/ReactJs/index.js b/apps/demos/Demos/Scheduler/WebAPIService/ReactJs/index.js
index b853e0be8242..9a65de6bddfc 100644
--- a/apps/demos/Demos/Scheduler/WebAPIService/ReactJs/index.js
+++ b/apps/demos/Demos/Scheduler/WebAPIService/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/Scheduler/WebAPIService/Vue/index.ts b/apps/demos/Demos/Scheduler/WebAPIService/Vue/index.ts
index 684d04215d72..ac840e87baee 100644
--- a/apps/demos/Demos/Scheduler/WebAPIService/Vue/index.ts
+++ b/apps/demos/Demos/Scheduler/WebAPIService/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/Scheduler/WebAPIService/jQuery/index.html b/apps/demos/Demos/Scheduler/WebAPIService/jQuery/index.html
index b1ecc91affd6..75a96c2532c4 100644
--- a/apps/demos/Demos/Scheduler/WebAPIService/jQuery/index.html
+++ b/apps/demos/Demos/Scheduler/WebAPIService/jQuery/index.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/devextreme-aspnet-data/js/dx.aspnet.data.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <script src="index.js"></script>
   </head>
   <body class="dx-viewport">
diff --git a/apps/demos/Demos/TreeList/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/TreeList/WebAPIService/Angular/app/app.component.ts
index 958d3133825b..2cdd581856b1 100644
--- a/apps/demos/Demos/TreeList/WebAPIService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/TreeList/WebAPIService/Angular/app/app.component.ts
@@ -2,6 +2,7 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import { DxTreeListModule, DxTreeListTypes } from 'devextreme-angular/ui/tree-list';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/TreeList/WebAPIService/React/index.tsx b/apps/demos/Demos/TreeList/WebAPIService/React/index.tsx
index 8acbec4b6179..c3dd8a22d1a9 100644
--- a/apps/demos/Demos/TreeList/WebAPIService/React/index.tsx
+++ b/apps/demos/Demos/TreeList/WebAPIService/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/TreeList/WebAPIService/ReactJs/index.js b/apps/demos/Demos/TreeList/WebAPIService/ReactJs/index.js
index b853e0be8242..9a65de6bddfc 100644
--- a/apps/demos/Demos/TreeList/WebAPIService/ReactJs/index.js
+++ b/apps/demos/Demos/TreeList/WebAPIService/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/TreeList/WebAPIService/Vue/index.ts b/apps/demos/Demos/TreeList/WebAPIService/Vue/index.ts
index 684d04215d72..ac840e87baee 100644
--- a/apps/demos/Demos/TreeList/WebAPIService/Vue/index.ts
+++ b/apps/demos/Demos/TreeList/WebAPIService/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/TreeList/WebAPIService/jQuery/index.html b/apps/demos/Demos/TreeList/WebAPIService/jQuery/index.html
index 16d8f4cbc7ea..85d9e6f9ea33 100644
--- a/apps/demos/Demos/TreeList/WebAPIService/jQuery/index.html
+++ b/apps/demos/Demos/TreeList/WebAPIService/jQuery/index.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../node_modules/devextreme-aspnet-data/js/dx.aspnet.data.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="index.js"></script>
   </head>

From 3b3ed5708c319203394d6c19e9875d244bca4a9a Mon Sep 17 00:00:00 2001
From: Mikhail Preyskurantov <5574159+mpreyskurantov@users.noreply.github.com>
Date: Thu, 19 Feb 2026 20:00:55 +0200
Subject: [PATCH 2/2] activate 'anti-forgery' (3 scenarios * 5 files) (15);
 jQuery / index.html right after dx.all.js (coz no dx.aspnet.data.js for
 FileUploader)

---
 .../FileUploader/CustomDropzone/Angular/app/app.component.ts    | 1 +
 apps/demos/Demos/FileUploader/CustomDropzone/React/index.tsx    | 2 ++
 apps/demos/Demos/FileUploader/CustomDropzone/ReactJs/index.js   | 2 ++
 apps/demos/Demos/FileUploader/CustomDropzone/Vue/index.ts       | 1 +
 apps/demos/Demos/FileUploader/CustomDropzone/jQuery/index.html  | 1 +
 .../FileUploader/FileUploading/Angular/app/app.component.ts     | 1 +
 apps/demos/Demos/FileUploader/FileUploading/React/index.tsx     | 2 ++
 apps/demos/Demos/FileUploader/FileUploading/ReactJs/index.js    | 2 ++
 apps/demos/Demos/FileUploader/FileUploading/Vue/index.ts        | 1 +
 apps/demos/Demos/FileUploader/FileUploading/jQuery/index.html   | 1 +
 .../Demos/FileUploader/Validation/Angular/app/app.component.ts  | 1 +
 apps/demos/Demos/FileUploader/Validation/React/index.tsx        | 2 ++
 apps/demos/Demos/FileUploader/Validation/ReactJs/index.js       | 2 ++
 apps/demos/Demos/FileUploader/Validation/Vue/index.ts           | 1 +
 apps/demos/Demos/FileUploader/Validation/jQuery/index.html      | 1 +
 15 files changed, 21 insertions(+)

diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.ts b/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.ts
index ade4ef3575cd..bd0e58f9125f 100644
--- a/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
 import { DxFileUploaderModule, DxProgressBarModule } from 'devextreme-angular';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/React/index.tsx b/apps/demos/Demos/FileUploader/CustomDropzone/React/index.tsx
index 8acbec4b6179..c3dd8a22d1a9 100644
--- a/apps/demos/Demos/FileUploader/CustomDropzone/React/index.tsx
+++ b/apps/demos/Demos/FileUploader/CustomDropzone/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/ReactJs/index.js b/apps/demos/Demos/FileUploader/CustomDropzone/ReactJs/index.js
index b853e0be8242..9a65de6bddfc 100644
--- a/apps/demos/Demos/FileUploader/CustomDropzone/ReactJs/index.js
+++ b/apps/demos/Demos/FileUploader/CustomDropzone/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/Vue/index.ts b/apps/demos/Demos/FileUploader/CustomDropzone/Vue/index.ts
index 684d04215d72..ac840e87baee 100644
--- a/apps/demos/Demos/FileUploader/CustomDropzone/Vue/index.ts
+++ b/apps/demos/Demos/FileUploader/CustomDropzone/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/FileUploader/CustomDropzone/jQuery/index.html b/apps/demos/Demos/FileUploader/CustomDropzone/jQuery/index.html
index 5e1c7621f23e..f47268cb3af3 100644
--- a/apps/demos/Demos/FileUploader/CustomDropzone/jQuery/index.html
+++ b/apps/demos/Demos/FileUploader/CustomDropzone/jQuery/index.html
@@ -8,6 +8,7 @@
     <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="index.js"></script>
   </head>
diff --git a/apps/demos/Demos/FileUploader/FileUploading/Angular/app/app.component.ts b/apps/demos/Demos/FileUploader/FileUploading/Angular/app/app.component.ts
index 8a64af0fe763..8d4c92606301 100644
--- a/apps/demos/Demos/FileUploader/FileUploading/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileUploader/FileUploading/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, Pipe, PipeTransform, provideZoneChangeDetection } from '@angular/core';
 import { DxCheckBoxModule, DxFileUploaderModule, DxSelectBoxModule } from 'devextreme-angular';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/FileUploader/FileUploading/React/index.tsx b/apps/demos/Demos/FileUploader/FileUploading/React/index.tsx
index 8acbec4b6179..c3dd8a22d1a9 100644
--- a/apps/demos/Demos/FileUploader/FileUploading/React/index.tsx
+++ b/apps/demos/Demos/FileUploader/FileUploading/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/FileUploader/FileUploading/ReactJs/index.js b/apps/demos/Demos/FileUploader/FileUploading/ReactJs/index.js
index b853e0be8242..9a65de6bddfc 100644
--- a/apps/demos/Demos/FileUploader/FileUploading/ReactJs/index.js
+++ b/apps/demos/Demos/FileUploader/FileUploading/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/FileUploader/FileUploading/Vue/index.ts b/apps/demos/Demos/FileUploader/FileUploading/Vue/index.ts
index 684d04215d72..ac840e87baee 100644
--- a/apps/demos/Demos/FileUploader/FileUploading/Vue/index.ts
+++ b/apps/demos/Demos/FileUploader/FileUploading/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/FileUploader/FileUploading/jQuery/index.html b/apps/demos/Demos/FileUploader/FileUploading/jQuery/index.html
index 6afecda61def..d9347f931020 100644
--- a/apps/demos/Demos/FileUploader/FileUploading/jQuery/index.html
+++ b/apps/demos/Demos/FileUploader/FileUploading/jQuery/index.html
@@ -8,6 +8,7 @@
     <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="index.js"></script>
   </head>
diff --git a/apps/demos/Demos/FileUploader/Validation/Angular/app/app.component.ts b/apps/demos/Demos/FileUploader/Validation/Angular/app/app.component.ts
index 53bf2ed15ebc..7b686a377245 100644
--- a/apps/demos/Demos/FileUploader/Validation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/FileUploader/Validation/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
 import { DxFileUploaderModule } from 'devextreme-angular';
+import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
   enableProdMode();
diff --git a/apps/demos/Demos/FileUploader/Validation/React/index.tsx b/apps/demos/Demos/FileUploader/Validation/React/index.tsx
index 8acbec4b6179..c3dd8a22d1a9 100644
--- a/apps/demos/Demos/FileUploader/Validation/React/index.tsx
+++ b/apps/demos/Demos/FileUploader/Validation/React/index.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(
   <App />,
diff --git a/apps/demos/Demos/FileUploader/Validation/ReactJs/index.js b/apps/demos/Demos/FileUploader/Validation/ReactJs/index.js
index b853e0be8242..9a65de6bddfc 100644
--- a/apps/demos/Demos/FileUploader/Validation/ReactJs/index.js
+++ b/apps/demos/Demos/FileUploader/Validation/ReactJs/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.js';
+// eslint-disable-next-line import/no-unresolved
+import 'anti-forgery';
 
 ReactDOM.render(<App />, document.getElementById('app'));
diff --git a/apps/demos/Demos/FileUploader/Validation/Vue/index.ts b/apps/demos/Demos/FileUploader/Validation/Vue/index.ts
index 684d04215d72..ac840e87baee 100644
--- a/apps/demos/Demos/FileUploader/Validation/Vue/index.ts
+++ b/apps/demos/Demos/FileUploader/Validation/Vue/index.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import 'anti-forgery';
 
 createApp(App).mount('#app');
diff --git a/apps/demos/Demos/FileUploader/Validation/jQuery/index.html b/apps/demos/Demos/FileUploader/Validation/jQuery/index.html
index e0791306bc99..7980b4b8140a 100644
--- a/apps/demos/Demos/FileUploader/Validation/jQuery/index.html
+++ b/apps/demos/Demos/FileUploader/Validation/jQuery/index.html
@@ -8,6 +8,7 @@
     <script src="../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
+    <script src="/shared/anti-forgery/jquery-override.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="index.js"></script>
   </head>