Semi Resilient Network Request

resilient-fetch.js

// make sure you wrap this in a useEffect, componentDidMount, etc.
const safeFetch = (timeout = 10000) => {
  return (...args) => {
    // this is sorta "unsafe" in the sense that a slow connection could cause this timeout
    // a safer way would be to tap into and investigate error codes for e.g. ad blocked resources
    // but this gets the idea across
    return Promise.race([
      fetch(...args),
      new Promise((resolve, reject) => setTimeout(() => reject(new Error('Ad blocked or something')), timeout) // this failed, short-circuit
    ])
  }
}

safeFetch()('/whatever.json') // if blocked, will reject after 10 seconds