@@ -2,8 +2,4 @@
 '@clerk/nextjs': patch
 ---
 
-Remove `usePathname()` from internal navigation hook for `cacheComponents` compatibility.
-
-`usePathname()` was called in `useInternalNavFun` (used by the internal `useAwaitablePush`/`useAwaitableReplace` hooks in `ClientClerkProvider`). With Next.js 16's `cacheComponents: true`, `usePathname()` is treated as uncached/dynamic data during prerendering. Since `ClerkProvider` is rendered in the layout (outside `<Suspense>`), this caused build failures on routes with dynamic segments (e.g. `[id]`).
-
-The fix removes `usePathname()` and relies on `useTransition`'s `isPending` state to detect navigation completion, which is sufficient for flushing pending navigation promises.
+Fix build failures when using `cacheComponents: true` with dynamic routes (e.g. `[id]`)
@@ -42,6 +42,9 @@ export default function Home() {
           <li>
             <Link href='/sign-in'>Sign In</Link>
           </li>
+          <li>
+            <Link href='/dynamic-route/test-123'>Dynamic Route</Link>
+          </li>
         </ul>
       </nav>
     </main>
 
@@ -284,6 +284,24 @@ testAgainstRunningApps({ withEnv: [appConfigs.envs.withEmailCodes], withPattern:
       await expect(page).toHaveURL(/sign-in/);
     });
 
+    test('dynamic route renders correctly via direct navigation', async ({ page, context }) => {
+      const u = createTestUtils({ app, page, context });
+      await u.page.goToRelative('/dynamic-route/test-123');
+      await expect(u.page.getByText('Dynamic Route')).toBeVisible();
+      await expect(u.page.getByTestId('route-id')).toContainText('test-123');
+    });
+
+    test('client-side navigation to dynamic route works', async ({ page, context }) => {
+      const u = createTestUtils({ app, page, context });
+      await u.page.goToRelative('/');
+      await expect(u.page.getByText('Next.js Cache Components Test App')).toBeVisible();
+
+      // Click the dynamic route link (exercises ClerkProvider's navigation hooks)
+      await u.page.getByRole('link', { name: 'Dynamic Route' }).click();
+      await expect(u.page.getByText('Dynamic Route')).toBeVisible();
+      await expect(u.page.getByTestId('route-id')).toContainText('test-123');
+    });
+
     test('protected route accessible when authenticated', async ({ page, context }) => {
       const u = createTestUtils({ app, page, context });