From 6738c729e192fb824671bfb7946898540c930923 Mon Sep 17 00:00:00 2001
From: Yumin Cho <dbals081216@gmail.com>
Date: Thu, 14 Mar 2024 00:25:09 +0900
Subject: [PATCH] migrate: @/index.tsx

---
 index.html                   |  2 +-
 src/{index.jsx => index.tsx} | 27 ++++++++++++++++++++++++---
 2 files changed, 25 insertions(+), 4 deletions(-)
 rename src/{index.jsx => index.tsx} (81%)

diff --git a/index.html b/index.html
index 35046ce..a589c03 100644
--- a/index.html
+++ b/index.html
@@ -42,7 +42,7 @@
     <noscript> You need to enable JavaScript to run this app. </noscript>
     <div id="root"></div>
     <div id="popup-root"></div>
-    <script type="module" src="/src/index.jsx"></script>
+    <script type="module" src="/src/index.tsx"></script>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
diff --git a/src/index.jsx b/src/index.tsx
similarity index 81%
rename from src/index.jsx
rename to src/index.tsx
index f68f03c..815c240 100644
--- a/src/index.jsx
+++ b/src/index.tsx
@@ -34,7 +34,9 @@ i18n
       formatSeparator: ',',
       format: (value, formatting, lng) => {
         if (value instanceof Date) {
-          return moment(value).locale(lng).format(formatting);
+          return moment(value)
+            .locale(lng ?? '')
+            .format(formatting);
         }
         return value.toString();
       },
@@ -42,6 +44,19 @@ i18n
   });
 
 import axios from 'axios';
+
+declare module 'axios' {
+  export interface AxiosRequestConfig {
+    metadata: {
+      gaCategory: string;
+      gaVariable: string;
+      startTime?: Date;
+      endTime?: Date;
+      duration?: number;
+    };
+  }
+}
+
 import Qs from 'qs';
 import { API_URL } from './const';
 
@@ -71,7 +86,8 @@ axios.interceptors.response.use(
   (response) => {
     response.config.metadata.endTime = new Date();
     response.config.metadata.duration =
-      response.config.metadata.endTime - response.config.metadata.startTime;
+      response.config.metadata.endTime.getTime() - response.config.metadata.startTime!.getTime();
+
     return response;
   },
   (error) => {
@@ -87,7 +103,12 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App';
 
-const container = document.getElementById('root');
+const container: HTMLElement | null = document.getElementById('root');
+
+if (!container) {
+  throw new Error('There must be root element');
+}
+
 const root = ReactDOM.createRoot(container); // createRoot(container!) if you use TypeScript
 root.render(
   <BrowserRouter>