fix(clerk-js): Reset CodeControl when resetting wizard in VerifyDomai…

…nPage (#2200) (#2204)
clerk · Nov 24, 2023 · d1fae1f · d1fae1f
1 parent 47be2dc
commit d1fae1f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/.changeset/clever-moose-act.md b/.changeset/clever-moose-act.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Reset OTP field when pressing "Cancel" in VerifyDomainPage inside `<OrganziatoinProfile/>`.
diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/VerifyDomainPage.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/VerifyDomainPage.tsx
@@ -186,7 +186,11 @@ export const VerifyDomainPage = withCardStateProvider(() => {
             textVariant='buttonExtraSmallBold'
             type='reset'
             isDisabled={status.isLoading || success}
-            onClick={wizard.prevStep}
+            onClick={() => {
+              codeControlState.clearFeedback();
+              codeControl.reset();
+              wizard.prevStep();
+            }}
             localizationKey={localizationKeys('userProfile.formButtonReset')}
           />
         </FormButtonContainer>