diff --git a/web/components/routes/page/detail/PageDetailRoute.tsx b/web/components/routes/page/detail/PageDetailRoute.tsx
index 204fb5f3..cb827571 100644
--- a/web/components/routes/page/detail/PageDetailRoute.tsx
+++ b/web/components/routes/page/detail/PageDetailRoute.tsx
@@ -22,13 +22,13 @@ import { toast } from "sonner"
 import { useRouter } from "next/navigation"
 
 const TITLE_PLACEHOLDER = "Untitled"
+const router = useRouter()
 
 const emptyPage = (page: PersonalPage): boolean => {
 	return (!page.title || page.title.trim() === "") && (!page.content || Object.keys(page.content).length === 0)
 }
 
 export const deleteEmptyPage = (currentPageId: string | null) => {
-	const router = useRouter()
 	const { me } = useAccount({
 		root: {
 			personalPages: []