Move django config to separate file.

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 };
 

src/api/configDjangoCookieName.ts

+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;
+};