Promise e Fetch cosa sbaglio?

[techno]

Ciao a tutti
Devo effettuare dei passaggi dati con una promise in una API fetch ho fatto in questo modo:

async function xhttp(url, obj){
    let response = await fetch(url, {
        method: "POST",
        headers: new Headers({
            "Content-Type": "application/json"
        }),
        body: JSON.stringify(obj)
    }).then(response => {
        if(response.ok){
            let dts = response.json();
            return dts;
        }
    }).catch(error => { console.log(error) });
}

const raceSearch = document.querySelector("input[name=race_search]");
raceSearch.addEventListener("keyup", raceSelect);
function raceSelect(){
let myPromise = new Promise(function(resolve){
let val = this.value;
var obj = {
"catSearch": document.querySelector("input[name=cat_search]").value,
"catRace": val
};
resolve(xhttp("/scr/search.php", obj));
});


myPromise.then(
function(response) {
alert(response);
}
);
}

in PHP ho fatto un semplice script solo per verificare:

$obj = json_decode($_POST["obj"], true);
$catSearch = $obj["catSearch"];
$catRace = $obj["catRace"];
$newjson = [    "Search" => $catSearch,    "Race" => $catRace];
echo json_encode($newjson); 

Mi da questo errore:
Unexpected token < in JSON at position 0