diff --git a/.changeset/fix-signin-signup-redirect-conflict.md b/.changeset/fix-signin-signup-redirect-conflict.md new file mode 100644 index 00000000000..b0aaac7c803 --- /dev/null +++ b/.changeset/fix-signin-signup-redirect-conflict.md @@ -0,0 +1,5 @@ +--- +"@clerk/ui": patch +--- + +Fix redirect conflicts when SignIn and SignUp components are used together on the same page. Added missing dependency arrays to useEffect hooks in redirect functions to prevent unwanted redirects during other component flows. \ No newline at end of file diff --git a/packages/ui/src/components/SignIn/index.tsx b/packages/ui/src/components/SignIn/index.tsx index 26e8caea30f..8e8a6df14bb 100644 --- a/packages/ui/src/components/SignIn/index.tsx +++ b/packages/ui/src/components/SignIn/index.tsx @@ -41,7 +41,7 @@ function RedirectToSignIn() { const clerk = useClerk(); React.useEffect(() => { void clerk.redirectToSignIn(); - }, []); + }, [clerk]); return null; } diff --git a/packages/ui/src/components/SignUp/index.tsx b/packages/ui/src/components/SignUp/index.tsx index 24487ff09ca..841159658ff 100644 --- a/packages/ui/src/components/SignUp/index.tsx +++ b/packages/ui/src/components/SignUp/index.tsx @@ -22,7 +22,7 @@ function RedirectToSignUp() { const clerk = useClerk(); React.useEffect(() => { void clerk.redirectToSignUp(); - }, []); + }, [clerk]); return null; }