Improved webpack config and fixed error

src/components/Shared/ReverseSearch/utils/openTabUtils.jsx

@@ -61,6 +61,6 @@ const openTabsSearch = (url) => {
 };
 
 function ns(url) {
-  let domain = new URL(url);
-  return domain.hostname.replace("www.", "");
+  if (!url || typeof url !== "string") return;
+  return new URL(url).hostname.replace("www.", "");
 }

webpack.config.js

@@ -13,7 +13,6 @@ module.exports = {
     path: path.resolve(__dirname, "build"),
     filename: "[name].js",
     iife: false,
-
   },
   // optimization: {
   //   runtimeChunk: 'single',
@@ -25,8 +24,7 @@ module.exports = {
     rules: [
       {
         test: /\.(js|jsx)$/,
-        //include: path.resolve(__dirname, 'src'),
-        exclude: "/node/node_modules",
+        exclude: /node_modules/,
         use: {
           loader: "babel-loader",
           options: {
@@ -44,17 +42,11 @@ module.exports = {
       },
       {
         test: /\.css$/i,
-        //include: path.resolve(__dirname, 'src'),
-        exclude: "/node_modules/",
         use: [MiniCssExtractPlugin.loader, "css-loader"],
       },
       {
         test: /\.(png|jpe?g|gif|tsv)$/i,
-        use: [
-          {
-            loader: "file-loader",
-          },
-        ],
+        type: "asset/resource",
       },
       {
         test: /\.svg$/i,
@@ -78,6 +70,11 @@ module.exports = {
     new HtmlWebpackPlugin({
       template: "./src/popup.html",
       filename: "popup.html",
+      chunks: ["popup"],
+    }),
+    new HtmlWebpackPlugin({
+      filename: "background.html",
+      chunks: ["background"],
     }),
     new CopyPlugin({
       patterns: [{ from: "public" }],
@@ -92,4 +89,4 @@ module.exports = {
     extensions: [".js", ".jsx"],
     modules: ["node_modules", "src"],
   },
-};
+};