Compiled /not-found

Prisma Client throws a PrismaClientValidationError exception if validation fails - for example:
- Missing field - for example, an empty data: {} property when creating a new record
- Incorrect field type provided (for example, setting a Boolean field to "Hello, I like cheese and gold!")

// /app/pendaftaran/page.js

export default function Pendaftaran() {
    const router = useRouter()

    const [paketumrah, setPaketumrah] = useState("");
    const [tipekamar, setTipekamar] = useState("");
    const [namalengkap, setNamalengkap] = useState("");
    const [nonik, setNonik] = useState("");
    const [tempatlahir, setTempatlahir] = useState("");
    const [tanggallahir, setTanggallahir] = useState("");
    const [ayahkandung, setAyahkandung] = useState("");
    const [nopaspor, setNopaspor] = useState("");
    const [expirepaspor, setExpirepaspor] = useState("");
    const [tempatpaspor, setTempatpaspor] = useState("");
    const [pasporissued, setPasporissued] = useState("");
    const [jeniskelamin, setJeniskelamin] = useState("");
    const [golongandarah, setGolongandarah] = useState("");
    const [statuskawin, setStatuskawin] = useState("");
    const [namawaris, setNamawaris] = useState("");
    const [hubunganwaris, setHubunganwaris] = useState("");
    const [alamat, setAlamat] = useState("");
    const [email, setEmail] = useState("");
    const [notelponhp, setNotelponhp] = useState("");
    const [pengalaman, setPengalaman] = useState("");
    const [pendidikanterakhir, setPendidikanterakhir] = useState("");
    const [pekerjaan, setPekerjaan] = useState("");
    const [penyakit, setPenyakit] = useState("");
    const [keluargadarurat, setKeluargadarurat] = useState("");

const handleSubmit = async (event) => {
        event.preventDefault()
        
        try {
            const userbody = { 
                paketumrah,
                tipekamar,
                namalengkap,
                nonik,
                tempatlahir,
                tanggallahir,
                ayahkandung,
                nopaspor,
                expirepaspor,
                tempatpaspor,
                pasporissued,
                jeniskelamin,
                golongandarah,
                statuskawin,
                namawaris,
                hubunganwaris,
                alamat,
                email,
                notelponhp,
                pengalaman,
                pendidikanterakhir,
                pekerjaan,
                penyakit,
                keluargadarurat 
            }
                
            await fetch('/api/submitdata', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify(userbody)
            })
            router.push('/')
        } catch (error) {
            console.error(error)
            }
    }

// /app/api/submitData/route.js

import { PrismaClient } from "@prisma/client";
import { NextResponse } from "next/server";

const prisma = new PrismaClient()
export async function POST(req) {
    const userData = JSON.parse(req.body)

    try {
        const result = await prisma.user.create({
            data: userData
        })
        return NextResponse.json({result}, {status: 200})
    } catch (error) {
        console.error(error)
        return NextResponse.json({error}, {status: 500})
    } finally {
        await prisma.$disconnect() // Closing the PrismaClient instance
    }
}

⨯ SyntaxError: Unexpected token 'o', "[object Rea"... is not valid JSON
    at JSON.parse (<anonymous>)
    at POST (webpack-internal:///(rsc)/./app/api/submitdata/route.js:12:27)
    at /home/lacri/Documents/code stuff/alharom/alharomapp/node_modules/next/dist/compiled/next-server/app-route.runtime.dev.js:6:61472

const userData = await req.json()
...
data: {
name: userdata.name
...
}