Unable to use pdfjs worker in Webpack 4

[shanuflash]

Am trying to use react-pdf on webpack 4(cannot upgrade), the code:

import {
  pdfjs, Document, Page, Thumbnail 
} from 'react-pdf';
import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
import 'react-pdf/dist/esm/Page/TextLayer.css';

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

It is throwing an error in terminal

ERROR in ./client/app/components/commons/Attachments/Preview/Pdf.js 21:91
Module parse failed: Unexpected token (21:91)
File was processed with these loaders:
 * ./node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
| import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
| import 'react-pdf/dist/esm/Page/TextLayer.css';
> pdfjs.GlobalWorkerOptions.workerSrc = new URL('pdfjs-dist/build/pdf.worker.min.mjs', import.meta.url).toString();
|
| var PageWrapper = function PageWrapper(_ref) {

When I change the line to use the file from unpkg or local
pdfjs.GlobalWorkerOptions.workerSrc = '//unpkg.com/pdfjs-dist@4.4.168/legacy/build/pdf.worker.min.mjs';
I get a different error in console:

react.development.js:1397 Uncaught TypeError: Cannot read properties of undefined (reading 'd')
    at Module.eval (pdf.mjs:2:107)
    at eval (pdf.mjs:111:30)
    at ./node_modules/pdfjs-dist/build/pdf.mjs (admin.vendors.app.bundle.js:53346:1)
    at __webpack_require__ (admin.app.bundle.js:85:30)
    at eval (index.js:2:68)
    at ./node_modules/react-pdf/dist/esm/index.js (admin.vendors.app.bundle.js:57715:1)
    at __webpack_require__ (admin.app.bundle.js:85:30)
    at eval (Pdf.js:8:67)

Before all this I had an error with optional-chaining, which I fixed by including babel-loader with @babel/plugin-proposal-optional-chaining.

Edit: was able to make it work with version v8.0.2, but anything further doesn't work

react-pdf version: 9.1.1
webpack version: 4.46.0

[Kevenye]

The latest version of pdfjs uses webpack version ^5.97.1