Helper function to get JSON data from an API call and handle failures.

getJson.js

export async function getJson(url, options) {
  try {
    const response = await fetch(url, options);
    const contentType = response.headers.get("content-type");

    if (! response.ok || ! contentType.includes("application/json")) {
      console.log(`ERROR: getJSON -> Invalid Response -> response.status = ${
        response.status
      }`,);
      console.log(`ERROR: getJSON -> Invalid Response ->response.statusText = ${
        response.statusText
      }`,);
      console.log(`ERROR: getJSON -> Invalid Response ->response.contentType = ${contentType}`,);
      return {json: null, error: "request failed"};
    }

    const data = await response.json();
    return {data, error: null};
  } catch (e) {
    console.log(`ERROR: getJSON -> exception -> ${
      e.message
    }`);

    return {data: null, error: "request failed"};
  }

usage.js

const {data, error} = getJson("http://abc123.com");

if (error) {
  ...return;
}

console.log(data);