From d2640ef20c3c39e32e4ef8793aeb48463d402a82 Mon Sep 17 00:00:00 2001
From: nikospapcom <admin@nikospap.com>
Date: Tue, 4 Mar 2025 10:56:46 +0200
Subject: [PATCH] fix(clerk-js): Display emailAddress validation errors in
 `<Waitlist />` component

---
 .changeset/poor-insects-yell.md                              | 5 +++++
 .../clerk-js/src/ui/components/Waitlist/WaitlistForm.tsx     | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/poor-insects-yell.md

diff --git a/.changeset/poor-insects-yell.md b/.changeset/poor-insects-yell.md
new file mode 100644
index 00000000000..e3c9498d3e9
--- /dev/null
+++ b/.changeset/poor-insects-yell.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Display validation error in `<Waitlist />` for email address field correctly 
diff --git a/packages/clerk-js/src/ui/components/Waitlist/WaitlistForm.tsx b/packages/clerk-js/src/ui/components/Waitlist/WaitlistForm.tsx
index 27bd07ebecc..2cfc6c18166 100644
--- a/packages/clerk-js/src/ui/components/Waitlist/WaitlistForm.tsx
+++ b/packages/clerk-js/src/ui/components/Waitlist/WaitlistForm.tsx
@@ -47,7 +47,7 @@ export const WaitlistForm = (props: WaitlistFormProps) => {
         return;
       })
       .catch(error => {
-        handleError(error, [], card.setError);
+        handleError(error, [formState.emailAddress], card.setError);
       })
       .finally(() => {
         status.setIdle();