fix(nextjs): Replace router.refresh() with cookies().delete() (#3518)

Co-authored-by: George Desipris <[email protected]>

.changeset/smooth-carrots-hear.md

@@ -0,0 +1,5 @@
+---
+'@clerk/nextjs': patch
+---
+
+Replace router.refresh() with cookies().delete()

packages/nextjs/src/app-router/client/ClerkProvider.tsx

@@ -8,6 +8,7 @@ import { ClerkNextOptionsProvider } from '../../client-boundary/NextOptionsConte
 import type { NextClerkProviderProps } from '../../types';
 import { ClerkJSScript } from '../../utils/clerk-js-script';
 import { mergeNextClerkPropsWithEnv } from '../../utils/mergeNextClerkPropsWithEnv';
+import { invalidateCacheAction } from '../server-actions/invalidateCache';
 import { useAwaitablePush } from './useAwaitablePush';
 import { useAwaitableReplace } from './useAwaitableReplace';
 
@@ -56,7 +57,12 @@ export const ClientClerkProvider = (props: NextClerkProviderProps) => {
       return new Promise(res => {
         window.__clerk_internal_invalidateCachePromise = res;
         startTransition(() => {
-          router.refresh();
+          //@ts-expect-error next exitsts on window
+          if (window.next?.version && typeof window.next.version === 'string' && window.next.version.startsWith('13')) {
+            router.refresh();
+          } else {
+            invalidateCacheAction();
+          }
         });
       });
     };

packages/nextjs/src/app-router/server-actions/invalidateCache.ts

@@ -0,0 +1,7 @@
+'use server';
+
+import { cookies } from 'next/headers';
+
+export function invalidateCacheAction() {
+  return cookies().delete(`__clerk_invalidate_cache_cookie_${Date.now()}`);
+}