update packages

package.json

@@ -15,18 +15,18 @@
   "author": "Aaron Gutierrez",
   "license": "ISC",
   "dependencies": {
-    "@types/react": "^16.9.52",
-    "@types/react-dom": "^16.9.8",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1"
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.10",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "awesome-typescript-loader": "^5.2.1",
-    "esbuild": "^0.8.50",
-    "source-map-loader": "^0.2.4",
-    "typescript": "^3.9.7",
+    "esbuild": "^0.16.10",
+    "source-map-loader": "^4.0.1",
+    "ts-loader": "^9.4.2",
+    "typescript": "^4.9.4",
     "webpack": "^5.66.0",
-    "webpack-cli": "^4.10.0",
+    "webpack-cli": "^5.0.1",
     "webpack-dev-server": "^4.7.3"
   }
 }

tsconfig.json

@@ -7,7 +7,7 @@
     "strictNullChecks": true,
     "target": "es6",
     "jsx": "react",
-    "module": "commonjs"
+    "module": "es6"
   },
   "include": [
     "./src/**/*"

webpack.config.js

@@ -32,10 +32,8 @@ module.exports = (env) => {
 
     module: {
         rules: [
-            // All files with a '.ts' or '.tsx' extension will be handled by 'awesome-typescript-loader'.
-            { test: /\.tsx?$/, loader: "awesome-typescript-loader" },
+            { test: /\.tsx?$/, loader: "ts-loader", exclude: /node_modules/, },
 
-            // All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'.
             { enforce: "pre", test: /\.js$/, loader: "source-map-loader" }
         ]
     },