diff --git a/src/App.tsx b/src/App.tsx
index 2923c4b379803a998e68b1d6a1dfff8218766ae3..f03a403e400727d761bf675592dcbe888f956846 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -13,6 +13,7 @@ import { ReservationPage } from 'components/AuthUser/ReservationPage/Reservation
 import { HomePage } from 'components/AuthUser/HomePage/HomePage';
 import { SignInForm } from 'components/AuthUser/SignInForm/SignInForm';
 import { AuthContext } from 'components/AuthUser/AuthContext';
+import { configDjangoCookieName } from 'api/configDjangoCookieName';
 
 const theme = createMuiTheme({
   palette: {
@@ -43,6 +44,7 @@ const theme = createMuiTheme({
 });
 
 export const App: FC = () => {
+  configDjangoCookieName();
   const [role, setRole] = useState('');
   const value = { role, setRole };
 
diff --git a/src/api/configDjangoCookieName.ts b/src/api/configDjangoCookieName.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4213d5ad9490abdc3726d9a94db4c7059485d158
--- /dev/null
+++ b/src/api/configDjangoCookieName.ts
@@ -0,0 +1,10 @@
+import axios from 'axios';
+
+/**
+ * Config for django compatibility.
+ */
+export const configDjangoCookieName = (): void => {
+  axios.defaults.xsrfHeaderName = 'X-CSRFTOKEN';
+  axios.defaults.xsrfCookieName = 'csrftoken';
+  axios.defaults.withCredentials = true;
+};