Google Drive Viewer не обрабатывает переключение между несколькими PDF

Question

Я создаю средство просмотра PDF, где пользователь может переключаться между несколькими PDF-файлами. Я использую тег объекта для встраивания PDF-файла и проверил его с помощью тега iframe и embed, но ничего не помогло.

Все работает, как и ожидалось, кроме двух ошибок, с которыми я столкнулся:

1. Иногда при переключении на другой PDF он фактически не обновляется, даже если он показывает, что файл находится на вкладке сети.

2. Иногда при начальной загрузке средства просмотра PDF исходный объект представляет собой пустую белую страницу, пока вы не переключитесь на другой PDF

Я могуКажется, не точно определить, почему это происходит, так как кажется, что это совершенно случайно, и правильный файл PDF отображается на вкладке сети, поэтому я не знаю, куда идти дальше.

Я видел этот вопрос, который был опубликован, но похоже, что PDF-файлы всегда используют HTTPS, поэтому я не думаю, что это проблема.

// example file: `https://somepdffilecom/mypdffile.pdf`
const googleDrivePath = `https://drive.google.com/viewerng/viewer?url=${file}&embedded=true`;

  return (
    <div className="pdfWrapper">
      {file ? (
        <div className="iframe-wrapper">
          <object
            data={googleDrivePath}
            title="pdf"
            type="application/pdf"
            height={height}
            width={width}
          >
            <a href={file}>{file}</a>
          </object>
        </div>
      ) : (
        <Error />
      )}
    </div>
  );