Refactor the loading logic

.babelrc

@@ -0,0 +1,14 @@
+{
+  "presets": ["@babel/preset-env", "@babel/preset-react"],
+  "plugins": [
+    [
+      "@babel/plugin-transform-runtime",
+      {
+        "corejs": false,
+        "helpers": true,
+        "regenerator": true,
+        "useESModules": false
+      }
+    ]
+  ]
+}

.eslintrc

@@ -6,9 +6,16 @@
     "es6": true
   },
   "root": true,
-  "parser": "babel-eslint",
-  "plugins": ["react", "prettier"],
-  "extends": ["eslint:recommended", "plugin:react/recommended", "prettier"],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": 2020,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "plugins": ["react", "prettier", "@typescript-eslint"],
+  "extends": ["eslint:recommended", "plugin:react/recommended", "prettier", "plugin:@typescript-eslint/recommended"],
   "settings": {
     "react": {
       "createClass": "createReactClass",
@@ -28,6 +35,7 @@
     "react/no-string-refs": "off",
     "react/jsx-no-undef": "off",
     "react/jsx-key": "off",
+    "react/react-in-jsx-scope": "off",
     "no-case-declarations": "off",
     "react/no-unescaped-entities": "off",
     "linebreak-style": "off",
@@ -53,7 +61,7 @@
     "no-multi-spaces": "off",
     "no-prototype-builtins": "off",
     "wrap-iife": ["error", "any"],
-    "no-use-before-define": ["error", "nofunc"],
+    "no-use-before-define": "off",
     "object-property-newline": "off",
     "no-restricted-syntax": "off",
     "no-else-return": "off",
@@ -66,8 +74,11 @@
     "no-plusplus": "off",
     "no-multi-assign": "off",
     "react/no-unknown-property": "off",
-    "lines-between-class-members": ["error", "always"],
+    "lines-between-class-members": ["off"],
     "no-debugger": "warn",
-    "prettier/prettier": ["error"]
+    "prettier/prettier": ["error"],
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/ban-types": "off",
+    "@typescript-eslint/explicit-module-boundary-types": "off"
   }
 }

.github/workflows/aws-dev.yml

@@ -15,10 +15,10 @@ jobs:
 
     steps:
       - uses: actions/checkout@v2
-      - name: Use Node.js 12.x
+      - name: Use Node.js 16.x
         uses: actions/setup-node@v2
         with:
-          node-version: 12.x
+          node-version: 16.x
       - name: Reconfigure git to use HTTP authentication
         run: >
           git config --global url."https://github.com/".insteadOf

.github/workflows/aws-prd.yml

@@ -15,10 +15,10 @@ jobs:
 
     steps:
       - uses: actions/checkout@v2
-      - name: Use Node.js 12.x
+      - name: Use Node.js 16.x
         uses: actions/setup-node@v2
         with:
-          node-version: 12.x
+          node-version: 16.x
       - name: Reconfigure git to use HTTP authentication
         run: >
           git config --global url."https://github.com/".insteadOf

.github/workflows/aws-tst.yml

@@ -11,10 +11,10 @@ jobs:
 
     steps:
       - uses: actions/checkout@v2
-      - name: Use Node.js 12.x
+      - name: Use Node.js 16.x
         uses: actions/setup-node@v2
         with:
-          node-version: 12.x
+          node-version: 16.x
       - name: Reconfigure git to use HTTP authentication
         run: >
           git config --global url."https://github.com/".insteadOf

.github/workflows/build.yml

@@ -14,10 +14,10 @@ jobs:
 
     steps:
       - uses: actions/checkout@v2
-      - name: Use Node.js 12.x
+      - name: Use Node.js 16.x
         uses: actions/setup-node@v2
         with:
-          node-version: 12.x
+          node-version: 16.x
       - name: Reconfigure git to use HTTP authentication
         run: >
           git config --global url."https://github.com/".insteadOf

.github/workflows/release.yml

@@ -24,10 +24,10 @@ jobs:
         uses: gittools/actions/gitversion/[email protected]
         id: gitversion
 
-      - name: Use Node.js 12
+      - name: Use Node.js 16
         uses: actions/setup-node@v1
         with:
-          node-version: 12.x
+          node-version: 16.x
 
       - name: Cache Node.js modules
         uses: actions/cache@v2
@@ -54,7 +54,7 @@ jobs:
         uses: docker/setup-buildx-action@v1
 
       - name: Login to DockerHub
-        uses: docker/login-action@v1 
+        uses: docker/login-action@v1
         with:
           username: ${{ secrets.DOCKER_HUB_USER }}
           password: ${{ secrets.DOCKER_HUB_TOKEN }}
@@ -74,4 +74,4 @@ jobs:
           cache-to: type=local,dest=/tmp/.buildx-cache
 
       - name: Image digest
-        run: echo ${{ steps.docker_build.outputs.digest }}
+        run: echo ${{ steps.docker_build.outputs.digest }}