Ignore render thru error boundary

Author: compulim

packages/react-valibot/src/validateProps.ts

@@ -42,6 +42,12 @@ export default function validateProps<const TSchema extends BaseSchema<unknown,
   props: InferInput<TSchema>,
   isolationMode?: IsolationMode | undefined
 ): InferInput<TSchema> | InferOutput<TSchema> {
+  // When an error boundary caught an error, React will render some components again with `props` of `undefined`.
+  if (typeof props === 'undefined') {
+    // This is probably React rendering while an error is caught, assume it is okay.
+    return;
+  }
+
   if (process.env.NODE_ENV === 'production') {
     return props as unknown as InferInput<TSchema>;
   }
@@ -55,11 +61,12 @@ export default function validateProps<const TSchema extends BaseSchema<unknown,
   try {
     return parse(propsSchema, props);
   } catch (error) {
-    console.error(
-      'botframework-webchat: Validation error while parsing props.',
-      error && typeof error === 'object' && 'issues' in error && error.issues
-    );
+    const ourError = new Error('botframework-webchat: Validation error while parsing props.');
+
+    console.error(ourError, error && typeof error === 'object' && 'issues' in error && error.issues);
+
+    ourError.cause = error;
 
-    throw error;
+    throw ourError;
   }
 }