Nextjs 14 - Module not found workerSrc

[agamm]

Before you start - checklist

• I followed instructions in documentation written for my React-PDF version
• I have checked if this bug is not already reported
• I have checked if an issue is not listed in Known issues
• If I have a problem with PDF rendering, I checked if my PDF renders properly in PDF.js demo

Description

My code:

"use client";

import React, { useEffect } from "react";
import { Document, pdfjs } from "react-pdf";

pdfjs.GlobalWorkerOptions.workerSrc = "/pdf.worker.mjs";
export default function PDFTest() {

	return (
		<div>
			<Document file="https://arxiv.org/pdf/2304.14211" />
		</div>
	);
}

Steps to reproduce

1. pnpm i react-pdf
2. Downloaded the worker code to ./public

Expected behavior

PDF view works

Actual behavior

./node_modules/.pnpm/[email protected]/node_modules/pdfjs-dist/build/pdf.mjs:11881:28

Module not found
  11879 |         return this.#mainThreadWorkerMessageHandler;
  11880 |       }
> 11881 |       const worker = await import( /*webpackIgnore: true*/this.workerSrc);
        |                            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  11882 |       return worker.WorkerMessageHandler;
  11883 |     };

Additional information

I tried deleting .next but that didn't help either.

Environment

• Browser (if applicable): FF
• React-PDF version: 9.1.1
• React version: 18.3.1
• Bundler name and version (if applicable): Nextjs 14.2.15 + next dev --turbo