i`m trying to send a delete request with a specific id, when i test with the thunderclient i can do the delete just fine, but when i try to send the request trough the front-end the server receives a empty object

const deleteItem = async (event: FormEvent) => {
    event.preventDefault()

    const JSONdata = JSON.stringify({ id: 1 })

    const endpoint = '/api/delete'

    console.log(JSONdata)
    const options = {
      method: 'DELETE',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSONdata,
    }

    await fetch(endpoint, options)
  }