Изображение src исчезает после уменьшения размера экрана до определенного диапазона

Question

Я преобразую из pdf в canvas, а затем из canvas в png и отображаю его в теге.Все работает отлично, но после того, как я уменьшил размер экрана до уровня ниже примерно 1000x353, изображение src исчезает.

Я отображаю эти изображения в сетке, используя Reaction-sortable-hoc, поэтому я не уверен, что этоошибка в реагируемой сортировке или я делаю что-то не так.

Вот изображения и холст div, которые я помещаю в sortable-hoc

<div>
                <canvas key={index} style={{display:'none'}} ref={(ref) => this.canvasRefs[`canvas${index}`] = ref} > </canvas>
                <div><span>Page No. {index+1}</span> <span><Icon type="reload" /></span> <span><Icon type="close-circle-o" /></span>  </div>
                <img className={styles.imgThumb} key={index+100} ref={(ref) => this.imageRefs[`img${index}`] = ref} alt = "pdfimage"/>
               </div>

, и я даю источник этогов рамках обещания после получения его с сервера и преобразования в изображение с холста, как показано ниже

imagez.src = canvas.toDataURL('image/png')

Итак, это случилось с кем-то из вас?есть идеи, почему это происходит?

РЕДАКТИРОВАТЬ: Изменение названия.