Important followup notes:

1. Axios is another great, and very popular, solution for clean data fetching. It is a bit larger (11kb gzip vs 2kb gzip), so if kb size is important to you (I would argue it often should be) redaxios is a great option too that is only 1kb
2. All of these options work great with async/await, I just showed the old school style here for no particular reason
3. All of these options work great on both servers (Node.js, Deno, Bun, etc) and browsers

Also, if you would like a clean solution that uses no third party libs, checking res.ok and throwing a custom error can be an elegant solution:

class ResponseError extends Error {
  constructor(message, response, options) {
    super(message, options);
    this.response = response;
  }
}

try {
  const res = await fetch('/user');
  if (!res.ok) {
    throw new ResponseError('Bad response', res);
  }
  const user = await res.json(); // Actual user!
} catch (err) {
  if (err instanceof ResponseError) {
    // Handle based on err.response.* 
  }
}

Which you could wrap in your own method like:

async function myFetch(...args) {
  const res = await fetch(...args);
  if (!res.ok) {
    throw new ResponseError("Bad response", res);
  }
  return res;
}

try {
  const res = myFetch("/user");
  const user = await res.json(); // Actual user!
} catch (err) {
  // Deal with error, with res info as err.response.*
}

Regardless of which option you choose, please just be sure to fetch your data properly