chore: build system fixes

Remove ts-loader, use babel
Remove cra babel plugin, use standard react preset

package.json

@@ -4,6 +4,7 @@
   "private": true,
   "dependencies": {
     "@babel/core": "^7.16.0",
+    "@babel/preset-react": "^7.17.12",
     "@babel/preset-typescript": "^7.17.12",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.2.0",
@@ -13,7 +14,6 @@
     "@types/react": "^18.0.9",
     "@types/react-dom": "^18.0.4",
     "babel-loader": "^8.2.3",
-    "babel-preset-react-app": "^10.0.1",
     "color-hash": "^2.0.1",
     "copy-webpack-plugin": "^11.0.0",
     "css-loader": "^6.5.1",
@@ -29,7 +29,6 @@
     "react-dom": "^18.1.0",
     "react-router-dom": "^6.3.0",
     "style-loader": "^3.3.1",
-    "ts-loader": "^9.3.0",
     "typescript": "^4.6.4",
     "web-vitals": "^2.1.4",
     "webpack": "^5.64.4",
@@ -72,7 +71,8 @@
   },
   "babel": {
     "presets": [
-      "react-app"
+      ["@babel/preset-react", { "runtime": "automatic" }],
+      "@babel/preset-typescript"
     ]
   }
 }

webpack.config.js

@@ -17,9 +17,8 @@ module.exports = {
   },
   module: {
     rules: [
-      { test: /\.tsx?$/, loader: 'ts-loader' },
       {
-        test: /\.js$/,
+        test: /\.(js|tsx?)$/,
         loader: 'babel-loader'
       },
       {