🌐
npm
npmjs.com › package › @cyntler › react-doc-viewer
cyntler/react-doc-viewer
September 24, 2025 - File viewer for React.. Latest version: 1.17.1, last published: 6 months ago. Start using @cyntler/react-doc-viewer in your project by running `npm i @cyntler/react-doc-viewer`. There are 74 other projects in the npm registry using @cyntler/react-doc-viewer.
      » npm install @cyntler/react-doc-viewer
    
Published   Sep 24, 2025
Version   1.17.1
Author   Matthew Mogford / Damian Cyntler
🌐
GitHub
github.com › cyntler › react-doc-viewer
GitHub - cyntler/react-doc-viewer: File viewer for React. · GitHub
File viewer for React v17+. This is a fork of https://github.com/Alcumus/react-doc-viewer (inactivity for a long time).
Starred by 465 users
Forked by 149 users
Languages   TypeScript
Discussions

Want to create a custom document viewer.
I have used cyntler/react-doc-viewer to open pre-signed s3 documents and it works fine. The only issue it causes when it tries to fetch signed urls since tokens are long and can also have "?" which react-doc-viewer will treat it as a query parameter it fails to open the file. You might have to use url shortner service at backend. More on reddit.com
🌐 r/react
11
4
September 3, 2024
reactjs - react-doc-viewer won't show Docx file, shows blank - Stack Overflow
I am trying to use DocViewer in reactjs to display docx file which is hosted over the internet, it gives me some blank page , checking over the internet i have since not been able to see and unders... More on stackoverflow.com
🌐 stackoverflow.com
reactjs - @cyntler/react-doc-viewer get LocalFiles in React - Stack Overflow
I try to get use React DocViewer... here is my component : More on stackoverflow.com
🌐 stackoverflow.com
Re-render causes document in react-doc-viewer to be hidden
It takes time for the document to load after a re-render, does the document actually change between re-renders? More on reddit.com
🌐 r/reactjs
17
0
August 21, 2024
🌐
GitHub
github.com › cyntler › react-doc-viewer › releases
Releases · cyntler/react-doc-viewer
September 24, 2025 - File viewer for React. Contribute to cyntler/react-doc-viewer development by creating an account on GitHub.
Author   cyntler
🌐
GitHub
github.com › cyntler › react-doc-viewer › issues
Issues · cyntler/react-doc-viewer
File viewer for React. Contribute to cyntler/react-doc-viewer development by creating an account on GitHub.
Author   cyntler
🌐
CodeSandbox
codesandbox.io › examples › package › @cyntler › react-doc-viewer
@cyntler/react-doc-viewer examples - CodeSandbox
Use this online @cyntler/react-doc-viewer playground to view and fork @cyntler/react-doc-viewer example apps and templates on CodeSandbox.
🌐
GitHub
github.com › cyntler › react-doc-viewer › blob › main › README.md
react-doc-viewer/README.md at main · cyntler/react-doc-viewer
File viewer for React v17+. This is a fork of https://github.com/Alcumus/react-doc-viewer (inactivity for a long time).
Author   cyntler
🌐
GitHub
github.com › cyntler › react-doc-viewer › blob › main › package.json
react-doc-viewer/package.json at main · cyntler/react-doc-viewer
File viewer for React. Contribute to cyntler/react-doc-viewer development by creating an account on GitHub.
Author   cyntler
Find elsewhere
🌐
Reddit
reddit.com › r/react › want to create a custom document viewer.
r/react on Reddit: Want to create a custom document viewer.
September 3, 2024 -

I am asked to create a custom document viewer . ( doc types include - csv's , pdf's , xlsx , ppt's etc. etc.. all the common document types )
I used these 2 libraries :

react-doc-viewer
cyntler/react-doc-viewer

Both support multiple file types , but the '.doc' and '.docx' types are supported only with public URL's
( a few more file types are also supported only with public URL's ).
In my use case I will be using S3 Links to fetch the document and render them.
Since s3 links are private ( and we don't intend to change this ). What can I use to render the doc and docX type?

Is there any other alternative to those libraries ( free ) that I can use where It renders multiple file types?

Reference of roughly what I need to create.

🌐
OpenReplay
blog.openreplay.com › interactive-multiple-document-viewer-in-react
Building an Interactive Multiple Document Format in React.js
August 9, 2024 - Hence, developers can use the @cyntler/react-document-viewer package to create a single point where users can view PDFs, DOCX, XLSX, and other document types without involving additional programs.
🌐
DeepWiki
deepwiki.com › cyntler › react-doc-viewer
cyntler/react-doc-viewer | DeepWiki
June 17, 2025 - The `@cyntler/react-doc-viewer` library is a React component system for displaying various document types within web applications. This library provides a unified interface for viewing PDFs, images, M
🌐
GitHub
github.com › cyntler › react-doc-viewer › blob › main › .nvmrc
react-doc-viewer/.nvmrc at main · cyntler/react-doc-viewer
File viewer for React. Contribute to cyntler/react-doc-viewer development by creating an account on GitHub.
Author   cyntler
🌐
npm
npmjs.com › package › @vvelediaz › react-doc-viewer
@vvelediaz/react-doc-viewer - npm
December 3, 2024 - Same thing as @cyntler/react-doc-viewer but with download button removed when displaying a pdf · reactjs · react-library · file-viewer · doc-viewer · npm i @vvelediaz/react-doc-viewer · github.com/cyntler/react-doc-viewer · cyntler.github.io/react-doc-viewer ·
      » npm install @vvelediaz/react-doc-viewer
    
Published   Dec 03, 2024
Version   1.14.4
Author   vvelediaz
🌐
Reddit
reddit.com › r/reactjs › re-render causes document in react-doc-viewer to be hidden
r/reactjs on Reddit: Re-render causes document in react-doc-viewer to be hidden
August 21, 2024 -

Created a simple app with cyntler/react-doc-viewer v:1.16.6

to view pdf documents in browser. Works fine initially but on re-render hides the document, note: the viewer will still be present but the document is not visible.

The code :

App.jsx

import { useState } from 'react'
import DocViewer,{DocViewerRenderers} from "@cyntler/react-doc-viewer";
import 'react-pdf/dist/Page/AnnotationLayer.css';
import 'react-pdf/dist/Page/TextLayer.css';
import './App.css'

function App() {
  const [count, setCount] = useState(0)
  return (
    <>
      <div className="card">
        <button onClick={() => setCount((count) => count + 1)}>
          count is {count}
        </button>
      </div>
      <div>
      <DocViewer style={{minHeight:'400px',minWidth:'500px'}}  pluginRenderers={DocViewerRenderers} config={{header:{disableHeader:true}}} documents={[{uri:'/sample-1.pdf'}]}/>
      </div>
      
    </>
  )
}
export default App

What could be causing this issue??
I have checked the network tab and it shows that it request the doc Url on every re-render.
Isn't DocViewer a memoized component its props are not changing so shouldn't it keep the same Url as the source??

EDIT: There seems to be a issue created in the repo for this exact issue (Issue #283).
Even there the fix suggested (also suggested by u/eindbaas) is to add key prop to the DocViewer that gets updated with every prop change.
I have limited the re-render of the on only url prop changes so this fix works for me.

🌐
GitHub
github.com › cyntler › react-doc-viewer › issues › 94
Unable to view document files. · Issue #94 · cyntler/react-doc-viewer
November 29, 2022 - cyntler / react-doc-viewer Public · Notifications · You must be signed in to change notification settings · Fork 145 · Star 447 · New issueCopy link · New issueCopy link · Open · Open · Unable to view document files.#94 · Copy link · Labels · help wantedExtra attention is neededExtra ...
Author   alfredmaliakal
🌐
CodeSandbox
codesandbox.io › p › sandbox › icy-browser-up6etf
cyntler/react-doc-viewer
CodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time.