why it gives me the mistake that the key 'val' does not exist

I'm having a problem with an ajax request, this is the script:

async function http(data) {
    const objdt = {
        val: data
    }
    const response = await fetch("lib/bot.php", {
        method: "POST",
        hedaers: {"Content-type": "application/x-www-form-urlencoded; charset=UTF-8"},
        body: JSON.stringify({objdt})
    })
    .then(response => response.text())
        .then(data => inschat(data))
    .catch(err => console.log(err));
}

var inschat = (dt) => {
    alert(dt.data);
}

const inpChat = document.querySelector("input[name=chat_input_text]");
inpChat.addEventListener("keypress", (event) => {
    if(event.keyCode === 13 && inpChat.value !== ""){
        let data = inpChat.value;
        http(data);
    }
});

while in php i have this, just to try:

$dt = trim($_POST["val"]);
echo $dt;

but it gives me error Warining Undefined array 'val' can anyone help me thanks i'm bogged down