An idea for loading large image files. Shouldn't update the state in componentDidMount though. Worried loading the white bg then loading another image right away will lead to thrashing

loading large images.js

// currentBG = 'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=';  // single white pixel


  componentDidMount() {
    // set background image after compnent has been built
    this.setState({
      ...this.state,
      styles: {
        ...this.state.styles,
        backgroundImage: `url(${this.props.background})`,
      },
    });
  }