diff --git a/src/views/profile/edit.tsx b/src/views/profile/edit.tsx index d17565954..78fb55767 100644 --- a/src/views/profile/edit.tsx +++ b/src/views/profile/edit.tsx @@ -74,8 +74,14 @@ const MetadataForm = ({ defaultValues, onSubmit }: MetadataFormProps) => { autoComplete="off" isDisabled={isSubmitting} {...register("displayName", { - minLength: 2, - maxLength: 64, + minLength: { + value: 2, + message: "Must be at least 2 characters long", + }, + maxLength: { + value: 64, + message: "Cannot exceed 64 characters", + } })} /> {errors.displayName?.message} @@ -86,10 +92,19 @@ const MetadataForm = ({ defaultValues, onSubmit }: MetadataFormProps) => { autoComplete="off" isDisabled={isSubmitting} {...register("username", { - minLength: 2, - maxLength: 64, - required: true, - pattern: /^[a-zA-Z0-9_-]{4,64}$/, + minLength: { + value: 2, + message: "Must be at least 2 characters long", + }, + maxLength: { + value: 64, + message: "Cannot exceed 64 characters", + }, + required: "Username is required", + pattern: { + value: /^[a-zA-Z0-9_-]{2,64}$/, + message: "Only letters, numbers, underscores, and hyphens, and must be 2-64 characters", + }, })} /> {errors.username?.message}