fix: report page params Promise unwrap (Next.js 16)
This commit is contained in:
@@ -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 {}
|
||||
|
||||
Reference in New Issue
Block a user