Why was the decision made to use React PDF instead of the built-in PDF reading in the browser?

React PDF was chosen over the built-in PDF viewing in browsers for several reasons:

• Control over rendering: React PDF allows full control of document rendering, which is important for customizing the interface and integrating with React components.
• Cross-browser compatibility: built-in PDF viewers in browsers can differ in functionality and stability, while React PDF provides a consistent experience.
• Interactivity: with React PDF, it's easier to implement additional features — annotations, text highlighting, document navigation.
• Performance: React PDF can optimize page loading and rendering, for example, lazy loading.

Example of using React PDF:

import { Document, Page } from 'react-pdf';

function MyPdfViewer() {
  return (
    <Document file="example.pdf">
      <Page pageNumber={1} />
    </Document>
  );
}

Thus, React PDF provides flexibility and extensibility that are not available with the built-in viewer.