Attempted import error: 'URL' is not exported from 'url' (imported as 'URL').

[GodderE2D]

I am receiving this error when building my Next.js website using next build.

./node_modules/@mdx-js/mdx/lib/plugin/recma-document.js
Attempted import error: 'URL' is not exported from 'url' (imported as 'URL').


> Build error occurred
Error: > Build failed because of webpack errors
    at /home/goddere2d/Documents/GitHub/godder.xyz/node_modules/next/dist/build/index.js:397:19
    at async Span.traceAsyncFn (/home/goddere2d/Documents/GitHub/godder.xyz/node_modules/next/dist/telemetry/trace/trace.js:60:20)
    at async Object.build [as default] (/home/goddere2d/Documents/GitHub/godder.xyz/node_modules/next/dist/build/index.js:77:25)

It is occurring both on my Windows WSL machine and on Vercel's servers. Is there any reason why? I don't have an import anywhere in my code that imports "URL" or "url". next dev works fine.

By the way, my source code is publicly available on GitHub.

Thank you in advance.

@mdx-js/mdx version: 2.0.0-rc.2

node.js version: 16.13.1
npm version: 8.1.2
(using yarn) yarn version: 1.22.17
react version: 17.0.2
react-dom version: 17.0.2
next.js version: 11.1.2
vercel.json: empty
next.config.js:

/** @type {import('next').NextConfig} */
module.exports = {
  reactStrictMode: true,
};

tsconfig.json:

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve"
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
  "exclude": ["node_modules"]
}

[GodderE2D]

Fixed in Next.js 12

This issue apparently has been fixed after upgrading to Next.js 12. However, I highly doubt that this issue is because of Next.js 11, try re-installing your packages (rm -r node_modules && yarn install). If it still doesn't work, then try upgrading to Next.js 12.

Sorry for any inconvenience caused 😅