loading images in background

load.js

// load in background js
const animatedGif = new Image()
animatedGif.src = animatedGifSrc

animatedGif.onload = () => {
  this.setState({ mobileImgSrc: animatedGif.src })
}

// load via xhr
const xhr = new XMLHttpRequest()
xhr.open("GET", animatedGifSrc, true)
xhr.responseType = "blob"

xhr.onload = () => {
  if (xhr.status === 200) {
    const blob = xhr.response
    const url = window.URL.createObjectURL(blob)
    this.setState({ mobileImgSrc: url })
  }
}
xhr.send()