mongoose: mongoose failing Next.js build — node_modules/mongoose/dist/browser.umd.js

Prerequisites

• I have written a descriptive issue title

Mongoose version

7.1.0

Node.js version

18.12.1

MongoDB version

Atlas

Operating system

macOS

Operating system version (i.e. 20.04, 11.3, 10)

12.0 — Monterey

Issue

When I run npm run build, I get the following error:

next build

- warn You have enabled experimental feature (serverComponentsExternalPackages) in next.config.js.
- warn Experimental features are not covered by semver, and may cause unexpected or broken application behavior. Use at your own risk.

Failed to compile.

./node_modules/mongoose/dist/browser.umd.js
Dynamic Code Evaluation (e. g. 'eval', 'new Function', 'WebAssembly.compile') not allowed in Edge Runtime 
Learn More: https://nextjs.org/docs/messages/edge-dynamic-code-evaluation

Import trace for requested module:
./node_modules/mongoose/dist/browser.umd.js
./src/app/api/helpers/auth.ts
./src/app/api/helpers/index.ts


> Build failed because of webpack errors
- info Creating an optimized production build .%                                                  

While I was developing fine with mongoose and Next.js using next dev, I encountered this issue when building the application with next build. It’d be amazing if someone could help me out here.

To reproduce this error, you can simply clone my repository here and start up the application; should take a few seconds to do that.

If you run npm run dev, then the app will startup fine and you can navigate to http://localhost:3000/auth/login.

However, if you run npm run build, then you’ll receive the error Failed to compile with the message in the above code block.