Загрузка изображений, не дожидаясь загрузки первой

class Scheme extends React.Component {
  constructor(props) {
    super(props)
 
    this.state = {
      pending: true,
      isLoaded: false
    }
 
    this.canvasRef = React.createRef()
  }
 
// Это для перерисовки канваса при изменения маштаба 
 
  async _setState(newState) {
    return new Promise(resolve => {
      this.setState({
        ...this.state,
        ...newState
      }, () => {
        resolve()
      })
    })
  }
 
// Это для перерисовки канваса при изменения маштаба
 
  async _loadImage(src, width, height) {
    return new Promise(resolve => {
      let img = new Image()
 
      img.src = src
 
      img.onload =  () => {
        let newImgWidth = 0
        let newImgHeight = 0
 
        if (width && height) {
          newImgHeight = width
          newImgHeight = height
        } else if (width) {
          newImgWidth = Math.trunc(width)
          newImgHeight = Math.trunc((newImgWidth * img.height) / img.width)
        } else {
          newImgHeight = Math.trunc(height)
          newImgWidth = Math.trunc((newImgHeight * img.width) / img.height)
        }
 
         resolve({
          status: true,
          data: {
            src: img,
            width: newImgWidth,
            height: newImgHeight
          }
        })
 
        img = null
      }
 
      img.error = () => {
        console.log('no')
        resolve({
          status: false,
          data: {
            src: img,
            width: 0,
            height: 0
          }
        })
 
        img = null
      }
 
 
    })
  }
 
// Это при первичной загрузке страницы с изображениями 
 
  async drawImage(src, width, height) {
    const result = await this._loadImage(src, width, height)
 
 
    const newState = result.status
    ? {
        isLoaded: true,
        pending: false
      }
    : {
        isLoaded: false,
        pending: false
      }
 
    await this._setState({
      ...this.state,
      ...newState
    })
 
    const canvas = this.canvasRef.current
 
    if (!canvas || !result.data.src) return
 
    const context = canvas.getContext('2d')
 
    canvas.width = result.data.width
    canvas.height = result.data.height
 
    context.drawImage(result.data.src, 0, 0, result.data.width, result.data.height)
  }
 
  componentDidMount() {
    const { src, width, height } = this.props
    this.drawImage(src, width, height)
  }
 
  componentDidUpdate(prevProps) {
    const { src: prevSrc, width: prevWidth, height: prevHeight } = prevProps
    const { src: currentSrc, width: currentWidth, height: currentHeight } = this.props
 
    const srcChanged = prevSrc !== currentSrc
    const widthChanged = prevWidth !== currentWidth
    const heightChanged = prevHeight !== currentHeight
 
    if (srcChanged || widthChanged || heightChanged) {
      this.drawImage(currentSrc, currentWidth, currentHeight)
    }
  }
 
  render() {
    const { classes } = this.props
    const { pending, isLoaded } = this.state
 
    return (
      <>
        {
          pending
            ? <div className={classes.imgWrapper}>
                <img src={SpinnerGif} />
              </div>
            : isLoaded
                ? <div className={classes.wrapper}>
                    <canvas
                      ref={this.canvasRef}
                      onContextMenu={(e) => e.preventDefault()}
                    />
                  </div>
                : null
        }
      </>
    )
  }
}