fix(types, clerk-js): Update Errors interface to allow null for raw and global error arrays (#6677)

Author: nikosdouvlis

.changeset/smart-seas-breathe.md

@@ -0,0 +1,6 @@
+---
+"@clerk/clerk-js": patch
+"@clerk/types": patch
+---
+
+Update the experimental `Errors` interface to allow null for raw and global error arrays

packages/clerk-js/src/core/signals.ts

@@ -52,30 +52,38 @@ function errorsToParsedErrors(error: unknown): Errors {
       captcha: null,
       legalAccepted: null,
     },
-    raw: [],
-    global: [],
+    raw: null,
+    global: null,
   };
 
   if (!error) {
     return parsedErrors;
   }
 
   if (!isClerkAPIResponseError(error)) {
-    parsedErrors.raw.push(error);
-    parsedErrors.global.push(error);
+    parsedErrors.raw = [error];
+    parsedErrors.global = [error];
     return parsedErrors;
   }
 
-  parsedErrors.raw.push(...error.errors);
-
   error.errors.forEach(error => {
+    if (parsedErrors.raw) {
+      parsedErrors.raw.push(error);
+    } else {
+      parsedErrors.raw = [error];
+    }
+
     if ('meta' in error && error.meta && 'paramName' in error.meta) {
       const name = snakeToCamel(error.meta.paramName);
       parsedErrors.fields[name as keyof typeof parsedErrors.fields] = error;
       return;
     }
 
-    parsedErrors.global.push(error);
+    if (parsedErrors.global) {
+      parsedErrors.global.push(error);
+    } else {
+      parsedErrors.global = [error];
+    }
   });
 
   return parsedErrors;

packages/react/src/stateProxy.ts

@@ -17,8 +17,8 @@ const defaultErrors = (): Errors => ({
     captcha: null,
     legalAccepted: null,
   },
-  raw: [],
-  global: [],
+  raw: null,
+  global: null,
 });
 
 export class StateProxy implements State {

packages/types/src/state.ts

@@ -76,11 +76,11 @@ export interface Errors {
   /**
    * The raw, unparsed errors from the Clerk API.
    */
-  raw: unknown[];
+  raw: unknown[] | null;
   /**
    * Parsed errors that are not related to any specific field.
    */
-  global: unknown[]; // does not include any errors that could be parsed as a field error
+  global: unknown[] | null; // does not include any errors that could be parsed as a field error
 }
 
 /**