Fix: Suppressed Webpack critical dependency warning

Author: Hari Kiran

craco.config.js

@@ -1,19 +1,20 @@
-module.exports = {
-    webpack: {
-      configure: (webpackConfig) => {
-        webpackConfig.resolve.fallback = {
-          ...webpackConfig.resolve.fallback,
-          path: require.resolve("path-browserify"),
-        };
+export const webpack = {
+  configure: (webpackConfig) => {
+    webpackConfig.resolve.fallback = {
+      ...webpackConfig.resolve.fallback,
+      path: require.resolve("path-browserify"),
+    };
 
-        webpackConfig.module.rules.push({
-          test: /\.js$/,
-          parser: {
-            requireEnsure: false, // Prevents Webpack from complaining about dynamic requires
-          },
-        });
-        return webpackConfig;
+    webpackConfig.module.rules.push({
+      test: /\.js$/,
+      parser: {
+        requireEnsure: false, // Prevents Webpack from treating require() as a critical dependency
       },
-    },
-  };
-  
+    });
+
+    // ✅ This suppresses the "Critical dependency" warning explicitly
+    webpackConfig.ignoreWarnings = [/the request of a dependency is an expression/];
+
+    return webpackConfig;
+  },
+};