diff --git a/web/components/routes/page/detail/PageDetailRoute.tsx b/web/components/routes/page/detail/PageDetailRoute.tsx
index cb827571..9bf9df60 100644
--- a/web/components/routes/page/detail/PageDetailRoute.tsx
+++ b/web/components/routes/page/detail/PageDetailRoute.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import React, { useCallback, useRef, useEffect } from "react"
+import { useCallback, useRef, useEffect } from "react"
 import { ID } from "jazz-tools"
 import { PersonalPage } from "@/lib/schema"
 import { LAEditor, LAEditorRef } from "@/components/la-editor"
@@ -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: []