README.md

@@ -209,15 +209,15 @@ Check the [sample directory](https://github.com/wojtekmaj/react-pdf/tree/main/sa
 If you want to use annotations (e.g. links) in PDFs rendered by React-PDF, then you would need to include stylesheet necessary for annotations to be correctly displayed like so:
 
 ```ts
-import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
+import 'react-pdf/dist/Page/AnnotationLayer.css';
 ```
 
 ### Support for text layer
 
 If you want to use text layer in PDFs rendered by React-PDF, then you would need to include stylesheet necessary for text layer to be correctly displayed like so:
 
 ```ts
-import 'react-pdf/dist/esm/Page/TextLayer.css';
+import 'react-pdf/dist/Page/TextLayer.css';
 ```
 
 ### Support for non-latin characters

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-pdf",
-  "version": "7.3.0",
+  "version": "7.3.1",
   "description": "Display PDFs in your React app as easily as if they were images.",
   "type": "module",
   "sideEffects": [
@@ -15,6 +15,14 @@
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js"
     },
+    "./dist/Page/AnnotationLayer.css": {
+      "import": "./dist/esm/Page/AnnotationLayer.css",
+      "require": "./dist/cjs/Page/AnnotationLayer.css"
+    },
+    "./dist/Page/TextLayer.css": {
+      "import": "./dist/esm/Page/TextLayer.css",
+      "require": "./dist/cjs/Page/TextLayer.css"
+    },
     "./dist/cjs/Page/AnnotationLayer.css": "./dist/cjs/Page/AnnotationLayer.css",
     "./dist/cjs/Page/TextLayer.css": "./dist/cjs/Page/TextLayer.css",
     "./dist/esm/Page/AnnotationLayer.css": "./dist/esm/Page/AnnotationLayer.css",

src/shared/propTypes.ts

@@ -1,13 +1,15 @@
 import PropTypes from 'prop-types';
 import { allEvents } from 'make-event-props';
-import { PDFDataRangeTransport } from 'pdfjs-dist';
+import pdfjs from 'pdfjs-dist';
 
 import { isDefined } from './utils.js';
 
 import LinkService from '../LinkService.js';
 
 import type { Validator } from 'prop-types';
 
+const { PDFDataRangeTransport } = pdfjs;
+
 type AllEvents = (typeof allEvents)[number];
 
 type Props = {

test/Test.tsx

@@ -1,5 +1,4 @@
 import React, { useCallback, useEffect, useState } from 'react';
-import { PDFDataRangeTransport } from 'pdfjs-dist';
 import { pdfjs, Document, Outline, Page, Thumbnail } from 'react-pdf';
 import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
 import 'react-pdf/dist/esm/Page/TextLayer.css';
@@ -18,6 +17,8 @@ import { isArrayBuffer, isBlob, isBrowser, loadFromFile, dataURItoBlob } from '.
 import type { PDFDocumentProxy, PDFPageProxy } from 'pdfjs-dist';
 import type { ExternalLinkTarget, File, PassMethod, RenderMode } from './shared/types.js';
 
+const { PDFDataRangeTransport } = pdfjs;
+
 pdfjs.GlobalWorkerOptions.workerSrc = new URL(
   'pdfjs-dist/build/pdf.worker.min.js',
   import.meta.url,

test/shared/types.ts

@@ -1,5 +1,4 @@
-import { PDFDataRangeTransport } from 'pdfjs-dist';
-
+import type { PDFDataRangeTransport } from 'pdfjs-dist';
 import type { BinaryData } from 'pdfjs-dist/types/src/display/api.js';
 
 export type Source =