Here is the request from the client:

    let formData = new FormData()
    formData.append('name', 'someone')

    await fetch('/api/crop', {
      method: 'POST',
      body: formData, // If i add a plain object it works: JSON.stringify({name: "someone"})
    })

And here is the Route handler:

// api/crop/route.ts
import { NextRequest, NextResponse } from 'next/server'

export async function POST(): Promise<NextResponse> {
  console.log("here") // won't be logged
  return NextResponse.json({success: true })
}

Error when i call the fetch request on a button click:

⨯ TypeError: Response body object should not be disturbed or locked
    at extractBody (node:internal/deps/undici/undici:6433:17)
    at new Request (node:internal/deps/undici/undici:7314:48)

`