diff --git a/examples/react-router/src/router/Header.tsx b/examples/react-router/src/router/Header.tsx
index 53a9366..5de6e82 100644
--- a/examples/react-router/src/router/Header.tsx
+++ b/examples/react-router/src/router/Header.tsx
@@ -40,7 +40,26 @@ export function Header() {
                 </div>
             ) : (
                 <div>
-                    <button onClick={() => login({ doesCurrentHrefRequiresAuth: false })}>Login</button>
+                    <button onClick={() => login({ doesCurrentHrefRequiresAuth: false })}>Login</button>{" "}
+                    <button
+                        onClick={() =>
+                            login({
+                                doesCurrentHrefRequiresAuth: false,
+                                transformUrlBeforeRedirect: url => {
+                                    const urlObj = new URL(url);
+
+                                    urlObj.pathname = urlObj.pathname.replace(
+                                        /\/auth$/,
+                                        "/registrations"
+                                    );
+
+                                    return urlObj.href;
+                                }
+                            })
+                        }
+                    >
+                        Register
+                    </button>
                 </div>
             )}
         </div>
diff --git a/examples/tanstack-router-file-based/src/components/Header.tsx b/examples/tanstack-router-file-based/src/components/Header.tsx
index d374a85..7a24fe7 100644
--- a/examples/tanstack-router-file-based/src/components/Header.tsx
+++ b/examples/tanstack-router-file-based/src/components/Header.tsx
@@ -48,7 +48,26 @@ export function Header() {
                 </div>
             ) : (
                 <div>
-                    <button onClick={() => login({ doesCurrentHrefRequiresAuth: false })}>Login</button>
+                    <button onClick={() => login({ doesCurrentHrefRequiresAuth: false })}>Login</button>{" "}
+                    <button
+                        onClick={() =>
+                            login({
+                                doesCurrentHrefRequiresAuth: false,
+                                transformUrlBeforeRedirect: url => {
+                                    const urlObj = new URL(url);
+
+                                    urlObj.pathname = urlObj.pathname.replace(
+                                        /\/auth$/,
+                                        "/registrations"
+                                    );
+
+                                    return urlObj.href;
+                                }
+                            })
+                        }
+                    >
+                        Register
+                    </button>
                 </div>
             )}
         </div>
diff --git a/examples/tanstack-router/src/router/Header.tsx b/examples/tanstack-router/src/router/Header.tsx
index d374a85..7a24fe7 100644
--- a/examples/tanstack-router/src/router/Header.tsx
+++ b/examples/tanstack-router/src/router/Header.tsx
@@ -48,7 +48,26 @@ export function Header() {
                 </div>
             ) : (
                 <div>
-                    <button onClick={() => login({ doesCurrentHrefRequiresAuth: false })}>Login</button>
+                    <button onClick={() => login({ doesCurrentHrefRequiresAuth: false })}>Login</button>{" "}
+                    <button
+                        onClick={() =>
+                            login({
+                                doesCurrentHrefRequiresAuth: false,
+                                transformUrlBeforeRedirect: url => {
+                                    const urlObj = new URL(url);
+
+                                    urlObj.pathname = urlObj.pathname.replace(
+                                        /\/auth$/,
+                                        "/registrations"
+                                    );
+
+                                    return urlObj.href;
+                                }
+                            })
+                        }
+                    >
+                        Register
+                    </button>
                 </div>
             )}
         </div>