sdk.pdf.net vs pdf.js

import * as pdfjs from 'pdfjs-dist';

pdfjs.GlobalWorkerOptions.workerSrc = new URL(
  'pdfjs-dist/build/pdf.worker.min.mjs',
  import.meta.url,
).toString();

const pdf = await pdfjs.getDocument({ data }).promise;
const page = await pdf.getPage(1);
const viewport = page.getViewport({ scale: window.devicePixelRatio });

canvas.width = viewport.width;
canvas.height = viewport.height;
await page.render({ canvas, viewport }).promise;
// Text selection and links are separate layers you add on top.

import { useEffect } from 'react';
import { PdfProviders, Viewport, useLoadPdf } from '@sdk-pdf/react';
import '@sdk-pdf/react/style.css';

function Editor({ file }: { file: Uint8Array }) {
  const [state, loadPdf] = useLoadPdf();

  useEffect(() => {
    void loadPdf(file);
  }, [file, loadPdf]);

  return state.status === 'ready' ? <Viewport /> : null;
}

export const App = ({ file }: { file: Uint8Array }) => (
  <PdfProviders>
    <Editor file={file} />
  </PdfProviders>
);