diff --git a/.changeset/quiet-points-applaud.md b/.changeset/quiet-points-applaud.md new file mode 100644 index 0000000000..5ac8dfff03 --- /dev/null +++ b/.changeset/quiet-points-applaud.md @@ -0,0 +1,5 @@ +--- +'@clerk/clerk-js': minor +--- + +Add new `/sign-up/continue/verify-phone-number` and `/sign-up/continue/verify-email-address` routes in order to allow navigating back to the `/sign-up/continue` step when editing the extra identifier that is provided in the `/sign-up/continue` step. diff --git a/packages/clerk-js/src/ui/components/SignUp/SignUp.tsx b/packages/clerk-js/src/ui/components/SignUp/SignUp.tsx index 2384a4056e..b99a84e09f 100644 --- a/packages/clerk-js/src/ui/components/SignUp/SignUp.tsx +++ b/packages/clerk-js/src/ui/components/SignUp/SignUp.tsx @@ -56,7 +56,21 @@ function SignUpRoutes(): JSX.Element { /> - + !!clerk.client.signUp.emailAddress} + > + + + !!clerk.client.signUp.phoneNumber} + > + + + + + diff --git a/packages/clerk-js/src/ui/components/SignUp/SignUpContinue.tsx b/packages/clerk-js/src/ui/components/SignUp/SignUpContinue.tsx index ff08f7685b..47ebf5120c 100644 --- a/packages/clerk-js/src/ui/components/SignUp/SignUpContinue.tsx +++ b/packages/clerk-js/src/ui/components/SignUp/SignUpContinue.tsx @@ -143,8 +143,8 @@ function _SignUpContinue() { .then(res => completeSignUpFlow({ signUp: res, - verifyEmailPath: '../verify-email-address', - verifyPhonePath: '../verify-phone-number', + verifyEmailPath: './verify-email-address', + verifyPhonePath: './verify-phone-number', handleComplete: () => clerk.setActive({ session: res.createdSessionId, beforeEmit: navigateAfterSignUp }), navigate, }),