feat(repo): Add push and replace props to ClerkProvider

.changeset/gold-islands-cover.md

@@ -0,0 +1,5 @@
+---
+'@clerk/nextjs': major
+---
+
+Fix a bug where navigating from the sign in page to the sign up page required two back button presses to go back.

.changeset/smart-suns-train.md

@@ -0,0 +1,9 @@
+---
+'gatsby-plugin-clerk': major
+'@clerk/clerk-js': major
+'@clerk/nextjs': major
+'@clerk/remix': major
+'@clerk/types': major
+---
+
+Use the new `push` and `replace` props for `<ClerkProvider />` instead of `navigate`.

.changeset/stupid-suits-accept.md

@@ -0,0 +1,5 @@
+---
+'@clerk/types': major
+---
+
+Introduces two new props for `<ClerkProvider />`, `push` and `replace`. These props replace the `navigate` prop. Passing both `push` and `replace` will allow Clerk to correctly handle navigations without causing issues with the host application's router.

integration/templates/react-vite/src/main.tsx

@@ -15,7 +15,7 @@ const Root = () => {
       // @ts-ignore
       publishableKey={import.meta.env.VITE_CLERK_PUBLISHABLE_KEY as string}
       clerkJSUrl={import.meta.env.VITE_CLERK_JS as string}
-      navigate={(to: string) => navigate(to)}
+      push={(to: string) => navigate(to)}
     >
       <Outlet />
     </ClerkProvider>

packages/chrome-extension/README.md

@@ -68,7 +68,7 @@ function ClerkProviderWithRoutes() {
   return (
     <ClerkProvider
       publishableKey={publishableKey}
-      navigate={to => navigate(to)}
+      push={to => navigate(to)}
     >
       <Routes>
         <Route

packages/clerk-js/src/core/clerk.redirects.test.ts

@@ -115,12 +115,12 @@ describe('Clerk singleton - Redirects', () => {
 
         clerkForProductionInstance = new Clerk(productionPublishableKey);
         await clerkForProductionInstance.load({
-          navigate: mockNavigate,
+          push: mockNavigate,
         });
 
         clerkForDevelopmentInstance = new Clerk(developmentPublishableKey);
         await clerkForDevelopmentInstance.load({
-          navigate: mockNavigate,
+          push: mockNavigate,
         });
       });
 
@@ -193,12 +193,12 @@ describe('Clerk singleton - Redirects', () => {
 
         clerkForProductionInstance = new Clerk(productionPublishableKey);
         await clerkForProductionInstance.load({
-          navigate: mockNavigate,
+          push: mockNavigate,
         });
 
         clerkForDevelopmentInstance = new Clerk(developmentPublishableKey);
         await clerkForDevelopmentInstance.load({
-          navigate: mockNavigate,
+          push: mockNavigate,
         });
       });
 
@@ -284,12 +284,12 @@ describe('Clerk singleton - Redirects', () => {
 
         clerkForProductionInstance = new Clerk(productionPublishableKey);
         await clerkForProductionInstance.load({
-          navigate: mockNavigate,
+          push: mockNavigate,
         });
 
         clerkForDevelopmentInstance = new Clerk(developmentPublishableKey);
         await clerkForDevelopmentInstance.load({
-          navigate: mockNavigate,
+          push: mockNavigate,
         });
       });
 
@@ -317,12 +317,12 @@ describe('Clerk singleton - Redirects', () => {
 
         clerkForProductionInstance = new Clerk(productionPublishableKey);
         await clerkForProductionInstance.load({
-          navigate: mockNavigate,
+          push: mockNavigate,
         });
 
         clerkForDevelopmentInstance = new Clerk(developmentPublishableKey);
         await clerkForDevelopmentInstance.load({
-          navigate: mockNavigate,
+          push: mockNavigate,
         });
       });