🔧 BUILD FIX: Remove problematic webpack configuration

WEBPACK BUILD ERROR FIXED:
✅ Removed custom webpack DefinePlugin configuration incompatible with Next.js 15.4.2
✅ Removed FORCE_REACT_DEV_MODE environment variable causing webpack issues
✅ Simplified development error override to avoid webpack conflicts
✅ Maintained enhanced error logging without build-breaking changes

ISSUE RESOLVED:
- TypeError: _webpack.WebpackError is not a constructor
- Webpack plugin configuration incompatibility
- Next.js 15.4.2 build process conflicts

The enhanced error logging system remains fully functional! 🔧✅

Author: sirjamesgray

app/utils/developmentErrorOverride.ts

@@ -151,30 +151,24 @@ function enhanceReactErrors(): void {
 }
 
 /**
- * Force React development mode error messages
+ * Setup React development tools for better error messages
  */
-function forceReactDevMode(): void {
+function setupReactDevTools(): void {
   if (typeof window === 'undefined') return;
 
-  // Try to force React into development mode for better error messages
+  // Setup React DevTools hook for better error messages
   try {
-    // Set React development flags
+    // Enable React DevTools if available
     (window as any).__REACT_DEVTOOLS_GLOBAL_HOOK__ = (window as any).__REACT_DEVTOOLS_GLOBAL_HOOK__ || {};
     (window as any).__REACT_DEVTOOLS_GLOBAL_HOOK__.isDisabled = false;
-    
-    // Force development mode
-    if (typeof process !== 'undefined') {
-      (process as any).env = (process as any).env || {};
-      (process as any).env.NODE_ENV = 'development';
-    }
-    
-    // Set React development flags on window
+
+    // Set development flags for better error reporting
     (window as any).__DEV__ = true;
     (window as any).__REACT_DEV__ = true;
-    
-    console.log('🔧 Forced React development mode for enhanced error messages');
+
+    console.log('🔧 React development tools enabled for enhanced error messages');
   } catch (error) {
-    console.warn('Could not force React development mode:', error);
+    console.warn('Could not setup React development tools:', error);
   }
 }
 
@@ -227,9 +221,9 @@ export function initializeDevelopmentErrorOverrides(): void {
   if (typeof window === 'undefined') return;
 
   console.log('🔍 Initializing development error overrides...');
-  
+
   enhanceReactErrors();
-  forceReactDevMode();
+  setupReactDevTools();
   addHydrationErrorDetection();
 
   console.log('✅ Development error overrides initialized');

next.config.js

@@ -2,10 +2,7 @@
 const nextConfig = {
   reactStrictMode: process.env.NODE_ENV === 'development', // Disable in production to prevent hydration issues
 
-  // Force development mode for better error messages
-  env: {
-    FORCE_REACT_DEV_MODE: process.env.FORCE_REACT_DEV_MODE || 'true',
-  },
+
 
   // Maximum error visibility settings
   onDemandEntries: {
@@ -61,21 +58,9 @@ const nextConfig = {
         'process.env.ENABLE_VERBOSE_LOGGING': JSON.stringify('true'),
         'process.env.USE_DEV_AUTH': JSON.stringify(process.env.USE_DEV_AUTH || 'false'),
         'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
-        // Force React development mode for better error messages
-        '__DEV__': JSON.stringify(process.env.FORCE_REACT_DEV_MODE === 'true'),
-        '__REACT_DEV__': JSON.stringify(process.env.FORCE_REACT_DEV_MODE === 'true'),
       })
     );
 
-    // Force React development builds for better error messages
-    if (process.env.FORCE_REACT_DEV_MODE === 'true') {
-      config.resolve.alias = {
-        ...config.resolve.alias,
-        'react': require.resolve('react/index.js'),
-        'react-dom': require.resolve('react-dom/index.js'),
-      };
-    }
-
     return config;
   },