My fetch returns a Promise instead of the data even with async await Debug Help

Almost certainly a missing return inside getUser. If you wrote

async function getUser() {
  fetch(url).then(res => res.json())
}

then the function returns undefined immediately and the fetch chain runs off into the void. Add the return, or better, rewrite it consistently:

async function getUser() {
  const res = await fetch(url)
  return res.json()
}

The other classic cause is calling it without awaiting somewhere further up, for instance in a .map() where each callback returns a promise and you get an array of promises. Promise.all fixes that one.

Rule that saves a lot of pain: pick await or .then per function and do not mix them. Mixed style is where the stray promises hide, because you stop being able to see at a glance which values are resolved.

Separately, while you are in there: fetch does not throw on a 404 or a 500, it only rejects on network failure. So check res.ok and throw yourself, otherwise you will eventually call .json() on an error page and get a confusing parse error instead of a useful message.

Quick diagnostic for next time: console.log(typeof data, data) and if you see the word Promise, the question is always which link in the chain forgot to hand the value back. Walk the chain outward one function at a time rather than staring at the call site.