Install jest

babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['@babel/preset-env', '@babel/preset-react'],
+};

package.json

@@ -9,7 +9,8 @@
   },
   "scripts": {
     "start": "webpack serve --config ./webpack.dev.js --open",
-    "build": "webpack --config ./webpack.prod.js"
+    "build": "webpack --config ./webpack.prod.js",
+    "test": "jest"
   },
   "keywords": [],
   "author": "Ajay Bura",
@@ -67,6 +68,7 @@
     "eslint-plugin-react-hooks": "4.6.0",
     "html-loader": "4.2.0",
     "html-webpack-plugin": "5.5.0",
+    "jest": "29.0.3",
     "mini-css-extract-plugin": "2.6.1",
     "path-browserify": "1.0.1",
     "sass": "1.55.0",

webpack.common.js

@@ -28,12 +28,7 @@ module.exports = {
       {
         test: /\.jsx?$/,
         exclude: /node_modules/,
-        use: {
+        use: ['babel-loader'], 
-          loader: 'babel-loader',
-          options: {
-            presets: ['@babel/preset-env', '@babel/preset-react'],
-          },
-        },
       },
       {
         test: /\.html$/,