diff --git a/memento-note/app/(public)/p/[slug]/report/page.tsx b/memento-note/app/(public)/p/[slug]/report/page.tsx
index e38cf1f..066001e 100644
--- a/memento-note/app/(public)/p/[slug]/report/page.tsx
+++ b/memento-note/app/(public)/p/[slug]/report/page.tsx
@@ -3,11 +3,16 @@
 import { useState } from 'react'
 import { Flag, X, Loader2, Check } from 'lucide-react'
 
-export default function ReportPage({ params }: { params: { slug: string } }) {
+export default function ReportPage({ params }: { params: Promise<{ slug: string }> }) {
   const [reason, setReason] = useState('')
   const [details, setDetails] = useState('')
   const [submitting, setSubmitting] = useState(false)
   const [done, setDone] = useState(false)
+  const [slug, setSlug] = useState('')
+
+  useState(() => {
+    params.then(p => setSlug(p.slug))
+  })
 
   const handleSubmit = async () => {
     setSubmitting(true)
@@ -15,7 +20,7 @@ export default function ReportPage({ params }: { params: { slug: string } }) {
       await fetch('/api/notes/report', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ slug: params.slug, reason, details }),
+        body: JSON.stringify({ slug, reason, details }),
       })
       setDone(true)
     } catch {}