CORS Issues about react-doc-viewer

[MMahendra001ScaleTech]

Okay got it :

Worked this way :
Give fileType
fileType: 'docx'

      const urlData = !!path ? [{ uri: path, fileType: 'docx' }] : [];

        <DocViewer
          className="doc-viewer"
          documents={urlData}
          config={{
            header: {
              disableHeader: false,
              disableFileName: false,
              retainURLParams: false,
            },
          }}
          pluginRenderers={DocViewerRenderers}
        />

[MMahendra001ScaleTech]

@milinkovitch can you tell me when you were having this cors issues and how did you fixed it.Thanks.

[hemanth12321]

I have the same problem. I'm using sample pdf file and it gives me CORS error in console and the loader for pdf file keeps loading forever. Ideally it should display error message - Couldn't load pdf file.
const docs = [ { uri: "http://www.africau.edu/images/default/sample.pdf", fileType: "pdf", }, ];

[hienfree]

same

[Vlad1999]

I have the same problem, please help!!!

[Oreanu]

All you need to do is pass in the fileType and URI, I had the same issue but got it working by passing only these two. I was previously passed the URI only

[abdnafees]

fileType guys, fileType. It's a must.

[yusuffadil]

import DocViewer, { PDFRenderer } from "react-doc-viewer";

const show = () => {

    const docs = [
        { uri: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", fileType: "pdf", },
    ];

    return <DocViewer documents={docs} pluginRenderers={[PDFRenderer]} />

}

export default show

use this still cors