fix: Fixing issue with unknown chars breaking pages

package.json

@@ -18,6 +18,12 @@
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "import": "./dist/esm/index.js"
+    }
+  },
   "engines": {
     "node": ">=12.0.0"
   },
@@ -39,7 +45,7 @@
     "mustache": "^4.2.0",
     "papaparse": "^5.4.1",
     "react-pdf": "7.7.1",
-    "styled-components": "^6.1.9"
+    "styled-components": "^6.1.10"
   },
   "devDependencies": {
     "@babel/core": "^7.23.0",

src/index.tsx

@@ -4,5 +4,5 @@ export default DocViewer;
 export { DocViewerRenderers } from "./renderers";
 export * from "./models";
 export * from "./utils/fileLoaders";
-export { AvailableLanguages } from "./i18n";
+export type { AvailableLanguages } from "./i18n";
 export * from "./renderers";

src/renderers/pdf/components/pages/PDFPages.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable */
-import React, { FC, useContext, useEffect } from "react";
-import { Document } from "react-pdf";
+import React, { FC, useContext, useEffect, useMemo } from "react";
+import { Document, pdfjs } from "react-pdf";
 import styled from "styled-components";
 import { useTranslation } from "../../../../hooks/useTranslation";
 import { PDFContext } from "../../state";
@@ -18,6 +18,14 @@ const PDFPages: FC<{}> = () => {
 
   const currentDocument = mainState?.currentDocument || null;
 
+  const options = useMemo(
+    () => ({
+      cMapUrl: `https://cdn.jsdelivr.net/npm/pdfjs-dist@${pdfjs.version}/cmaps/`,
+      cMapPacked: true,
+    }),
+    [],
+  );
+
   useEffect(() => {
     dispatch(setNumPages(initialPDFState.numPages));
   }, [currentDocument]);
@@ -29,6 +37,7 @@ const PDFPages: FC<{}> = () => {
       file={currentDocument.fileData}
       onLoadSuccess={({ numPages }) => dispatch(setNumPages(numPages))}
       loading={<span>{t("pdfPluginLoading")}</span>}
+      options={options}
     >
       {paginated ? <PDFSinglePage /> : <PDFAllPages />}
     </DocumentPDF>

src/renderers/pdf/index.tsx

@@ -5,6 +5,8 @@ import { DocRenderer, IStyledProps } from "../..";
 import PDFPages from "./components/pages/PDFPages";
 import PDFControls from "./components/PDFControls";
 import { PDFProvider } from "./state";
+import "react-pdf/dist/esm/Page/AnnotationLayer.css";
+import "react-pdf/dist/esm/Page/TextLayer.css";
 
 pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.js`;