I want to display pdf from url using react-pdf

This sandboxIndex.jsx
I changed it a little, but
Failed to load PDF file.
And cannot be read

import React from "react";
import ReactDOM from "react-dom";
import {pdfjs, Document, Page} from "react-pdf";
import "./styles.css";
import samplePDF from "../sample.pdf";
pdfjs.GlobalWorkerOptions.workerSrc = `// cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;
function Test () {
  return (
  <Document
      file = {
        "https://helpx.adobe.com/jp/acrobat/kb/cq07071635/_jcr_content/main-pars/download-section/download-1/file.res/sample.pdf"
      }
    >
    <Page pageNumber = {1} />
  </Document>
  );
}
ReactDOM.render (<Test />, document.getElementById ("app"));

I changed the Document to the following, but it didn't work.

<Document
      file = {{
       url: "https://helpx.adobe.com/jp/acrobat/kb/cq07071635/_jcr_content/main-pars/download-section/download-1/file.res/sample.pdf"
      }}
    >