username already exist issue solved

Author: HarshAI-ML

frontend/src/services/apiClient.js

@@ -31,7 +31,21 @@ export async function apiRequest(path, options = {}) {
   const data = await response.json().catch(() => null)
 
   if (!response.ok) {
-    const message = data?.error || data?.detail || 'Request failed'
+    let message = data?.error || data?.detail
+
+    // Handle DRF field-level validation errors, e.g.:
+    // {"username": ["A user with that username already exists."]}
+    if (!message && data && typeof data === 'object') {
+      const firstErrorList = Object.values(data).find(
+        (value) => Array.isArray(value) && value.length > 0
+      )
+      const firstError = Object.values(data).find(
+        (value) => typeof value === 'string' && value
+      )
+      message = firstErrorList?.[0] || firstError
+    }
+
+    message = message || 'Request failed'
     throw new Error(message)
   }