Reconfigure babel settings

babel.config.js

@@ -1,41 +1,3 @@
-/* eslint-env node */
-
-module.exports = (api) => {
-  const isTest = api.env("test");
-  const isDev = api.env("development");
-  return {
-    plugins: [...(isDev ? ["react-refresh/babel"] : [])],
-    presets: [
-      [
-        "@babel/env",
-        {
-          bugfixes: true,
-          useBuiltIns: "usage",
-          corejs: 3,
-          shippedProposals: true,
-          ...(isTest
-            ? {
-                targets: {
-                  node: "current",
-                },
-              }
-            : {}),
-        },
-      ],
-      [
-        "@babel/react",
-        {
-          useBuiltIns: true,
-          runtime: "automatic",
-        },
-      ],
-      [
-        "@babel/typescript",
-        {
-          allowDeclareFields: true,
-          onlyRemoveTypeImports: true,
-        },
-      ],
-    ],
-  };
+module.exports = {
+  presets: ["@babel/preset-env", "@babel/preset-typescript", "@babel/preset-react"],
 };

package.json

@@ -8,7 +8,11 @@
     "build:dev": "webpack --mode=development",
     "build:prod": "webpack --mode=production --node-env=production",
     "watch": "webpack --watch --mode=development",
-    "serve": "webpack serve --mode=development",
+    "build:production": "npm run clean:dist && webpack --mode=production --node-env=production",
+    "build:development": "npm run clean:dist && webpack --mode=development --node-env=development",
+    "start": "webpack serve --mode=development",
+    "clean": "rm -rf node_modules coverage dist",
+    "clean:dist": "rm -rf dist",
     "test": "jest"
   },
   "directories": {
@@ -38,6 +42,7 @@
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.3.0",
     "@testing-library/user-event": "^14.2.0",
+    "react-refresh": "^0.13.0",
     "@types/jest": "^28.1.3",
     "@types/react": "^18.0.14",
     "@types/react-dom": "^18.0.5",

webpack.config.js

@@ -1,7 +1,6 @@
 const path = require("path");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
-const BundleAnalyzerPlugin =
-  require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
+const BundleAnalyzerPlugin = require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
 const { CleanWebpackPlugin } = require("clean-webpack-plugin");
 
 module.exports = {
@@ -11,7 +10,7 @@ module.exports = {
     filename: "bundle.js",
   },
   resolve: {
-    extensions: [".tsx", ".ts", ".js"],
+    extensions: [".tsx", ".ts", ".js", ".d.ts", ".scss"],
   },
   module: {
     rules: [