diff --git a/.changeset/warm-clouds-fly.md b/.changeset/warm-clouds-fly.md new file mode 100644 index 00000000000..c1326c1859b --- /dev/null +++ b/.changeset/warm-clouds-fly.md @@ -0,0 +1,5 @@ +--- +'@clerk/clerk-js': patch +--- + +Prevent submitting on enter in Organization Profile form when submit button is disabled. diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/ProfileSettingsPage.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/ProfileSettingsPage.tsx index 0c99fdc90a1..318eb8fdbab 100644 --- a/packages/clerk-js/src/ui/components/OrganizationProfile/ProfileSettingsPage.tsx +++ b/packages/clerk-js/src/ui/components/OrganizationProfile/ProfileSettingsPage.tsx @@ -40,7 +40,7 @@ export const ProfileSettingsPage = withCardStateProvider(() => { // eslint-disable-next-line @typescript-eslint/require-await const onSubmit = async (e: React.FormEvent) => { e.preventDefault(); - return (dataChanged ? organization.update({ name: nameField.value, slug: slugField.value }) : Promise.resolve()) + return (canSubmit ? organization.update({ name: nameField.value, slug: slugField.value }) : Promise.resolve()) .then(wizard.nextStep) .catch(err => { handleError(err, [nameField, slugField], card.setError);