Deprecation Warning for punycode Module in Next.js Development

[ajaymahadeven]

Deprecation Warning for punycode Module in Next.js Development

Overview

In the process of developing with Next.js, I've encountered a deprecation warning related to the punycode module. Although the exact source of the warning is not clear, there is a suspicion that it might be originating from the Clerk.js library. Assistance in resolving this issue would be greatly appreciated.

Deprecation Warning Details

Upon starting the Next.js development server, the following deprecation warning is displayed:

(node:33137) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.
    at node:punycode:3:9
    at BuiltinModule.compileForInternalLoader (node:internal/bootstrap/realm:397:7)
    at BuiltinModule.compileForPublicLoader (node:internal/bootstrap/realm:333:10)
    at loadBuiltinModule (node:internal/modules/helpers:101:7)
    at Module._load (node:internal/modules/cjs/loader:1006:17)
    at Module.require (node:internal/modules/cjs/loader:1237:19)
    at mod.require (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/server/require-hook.js:65:28)
    at require (node:internal/modules/helpers:176:18)
    at 477 (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/compiled/node-fetch/index.js:1:104564)
    at __nccwpck_require__ (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/compiled/node-fetch/index.js:1:453905)
    at 11 (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/compiled/node-fetch/index.js:1:83776)
    at __nccwpck_require__ (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/compiled/node-fetch/index.js:1:453905)
    at 429 (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/compiled/node-fetch/index.js:1:78058)
    at __nccwpck_require__ (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/compiled/node-fetch/index.js:1:453905)
    at 943 (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/compiled/node-fetch/index.js:1:80579)
    at __nccwpck_require__ (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/compiled/node-fetch/index.js:1:453905)
    at 346 (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/compiled/node-fetch/index.js:1:83438)
    at __nccwpck_require__ (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/compiled/node-fetch/index.js:1:453905)
    at 193 (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/compiled/node-fetch/index.js:1:48306)
    at __nccwpck_require__ (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/compiled/node-fetch/index.js:1:453905)
    at /Users/apm30/Documents/Git/mednote/node_modules/next/dist/compiled/node-fetch/index.js:1:454076
    at Object.<anonymous> (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/compiled/node-fetch/index.js:1:454119)
    at Module._compile (node:internal/modules/cjs/loader:1378:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1437:10)
    at Module.load (node:internal/modules/cjs/loader:1212:32)
    at Module._load (node:internal/modules/cjs/loader:1028:12)
    at Module.require (node:internal/modules/cjs/loader:1237:19)
    at mod.require (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/server/require-hook.js:65:28)
    at require (node:internal/modules/helpers:176:18)
    at Object.<anonymous> (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/compiled/@next/font/dist/google/fetch-css-from-google-fonts.js:8:38)
    at Module._compile (node:internal/modules/cjs/loader:1378:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1437:10)
    at Module.load (node:internal/modules/cjs/loader:1212:32)
    at Module._load (node:internal/modules/cjs/loader:1028:12)
    at Module.require (node:internal/modules/cjs/loader:1237:19)
    at mod.require (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/server/require-hook.js:65:28)
    at require (node:internal/modules/helpers:176:18)
    at Object.<anonymous> (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/compiled/@next/font/dist/google/loader.js:34:39)
    at Module._compile (node:internal/modules/cjs/loader:1378:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1437:10)
    at Module.load (node:internal/modules/cjs/loader:1212:32)
    at Module._load (node:internal/modules/cjs/loader:1028:12)
    at Module.require (node:internal/modules/cjs/loader:1237:19)
    at mod.require (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/server/require-hook.js:65:28)
    at require (node:internal/modules/helpers:176:18)
    at Object.<anonymous> (/Users/apm30/Documents/Git/mednote/node_modules/next/dist/compiled/@next/font/google/loader.js:1:18)
    at Module._compile (node:internal/modules/cjs/loader:1378:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1437:10)
    at Module.load (node:internal/modules/cjs/loader:1212:32)
    at Module._load (node:internal/modules/cjs/loader:1028:12)

This warning suggests that the built-in punycode module, which is being used, is deprecated and recommends the use of an alternative from the userland (npm or other package managers).

Request for Assistance

I am seeking guidance on how to identify the precise location within my project where the punycode module is being utilized and how to replace it with a recommended userland alternative. Any insights or suggestions on how to proceed with resolving this deprecation warning would be highly beneficial.

[ADTC]

I have the exact same stacktrace (except your user folder of course), and it looks like this is a problem with Google Fonts loader, based on these lines:

at Object.<anonymous> (/Users/adtc/project/node_modules/next/dist/compiled/@next/font/dist/google/fetch-css-from-google-fonts.js:8:38)
at Object.<anonymous> (/Users/adtc/project/node_modules/next/dist/compiled/@next/font/dist/google/loader.js:34:39)
at Object.<anonymous> (/Users/adtc/project/node_modules/next/dist/compiled/@next/font/google/loader.js:1:18)

The suggestion online is to contact the maintainer of the project, which could be either @next/font or Google Fonts. I'm not sure yet.

Update: You can see this link: vercel/next.js#66289

[jescalan]

https://github.com/orgs/clerk/discussions/3829