chore(clerk-js): Allow single-character usernames in `<UserProfile />…

…` validation (#4243)
clerk · Sep 30, 2024 · c49eaa7 · c49eaa7
1 parent cb41e2c
commit c49eaa7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/cold-mayflies-happen.md b/.changeset/cold-mayflies-happen.md
@@ -0,0 +1,5 @@
+---
+"@clerk/clerk-js": patch
+---
+
+Allow single-character usernames in `<UserProfile />` validation
diff --git a/packages/clerk-js/src/ui/components/UserProfile/UsernameForm.tsx b/packages/clerk-js/src/ui/components/UserProfile/UsernameForm.tsx
@@ -27,7 +27,7 @@ export const UsernameForm = withCardStateProvider((props: UsernameFormProps) =>
   const isUsernameRequired = userSettings.attributes.username.required;
 
   const canSubmit =
-    (isUsernameRequired ? usernameField.value.length > 1 : true) && user.username !== usernameField.value;
+    (isUsernameRequired ? usernameField.value.length > 0 : true) && user.username !== usernameField.value;
 
   const updatePassword = async () => {
     try {