diff --git a/app/[lang]/(live)/(protected)/(.)logout/page.tsx b/app/[lang]/(live)/(protected)/(.)logout/page.tsx
new file mode 100644
index 000000000..c4884586f
--- /dev/null
+++ b/app/[lang]/(live)/(protected)/(.)logout/page.tsx
@@ -0,0 +1,14 @@
+"use client"
+
+import { useEffect } from "react"
+
+import LoadingSpinner from "@/components/LoadingSpinner"
+
+export default function LogoutInterceptedRoute() {
+  // Reload the browser on logout in order to flush router cache. This is to make sure we don't show stale user specific data.
+  useEffect(() => {
+    window.location.reload()
+  }, [])
+
+  return <LoadingSpinner />
+}
diff --git a/app/[lang]/(live)/(protected)/logout/route.ts b/app/[lang]/(live)/(protected)/logout/route.ts
index 002e0dca6..2bb2f0a52 100644
--- a/app/[lang]/(live)/(protected)/logout/route.ts
+++ b/app/[lang]/(live)/(protected)/logout/route.ts
@@ -1,4 +1,3 @@
-import { revalidatePath } from "next/cache"
 import { NextRequest, NextResponse } from "next/server"
 import { AuthError } from "next-auth"
 
@@ -95,9 +94,6 @@ export async function GET(
       redirect: false,
     })
 
-    // Revalidate the router cache for my pages to make sure we don't show stale user data
-    revalidatePath("/[lang]/my-pages", "layout")
-
     if (redirectUrlObj) {
       console.log(`[logout] redirecting to: ${redirectUrlObj.redirect}`)
       return NextResponse.redirect(redirectUrlObj.redirect)