[Bug]: NPM deprecation warnings when installing fresh

[gbowne1]

Describe the Bug

Today Oct 18th 2023, I did a clean installing the 3 sets of packages, client, e2e and server using npm install wherever a package.json exists on a new development VM I created shows some deprecated dependencies.

In /server I get:

~/Documents/reactsocialnetwork/server
$ npm install
npm WARN deprecated @npmcli/move-file@1.1.2: This functionality has been moved to @npmcli/fs
npm WARN deprecated mkdirp@0.3.5: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)
npm WARN deprecated jade@0.31.2: Jade has been renamed to pug, please install the latest version of pug instead of jade
npm WARN deprecated transformers@2.0.1: Deprecated, use jstransformer

In /client I get:

~/Documents/reactsocialnetwork/client
$ npm install
npm WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm WARN deprecated @babel/plugin-proposal-nullish-coalescing-operator@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.
npm WARN deprecated @babel/plugin-proposal-numeric-separator@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-numeric-separator instead.
npm WARN deprecated @babel/plugin-proposal-class-properties@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.
npm WARN deprecated @babel/plugin-proposal-private-methods@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-methods instead.
npm WARN deprecated rollup-plugin-terser@7.0.2: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser
npm WARN deprecated @babel/plugin-proposal-optional-chaining@7.21.0: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.
npm WARN deprecated w3c-hr-time@1.0.2: Use your platform's native performance.now() and performance.timeOrigin.
npm WARN deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead
npm WARN deprecated workbox-cacheable-response@6.6.0: workbox-background-sync@6.6.0
npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x.

There were no issues installing e2e packages.

I think these are the dependencies of our packages, internal to the npm installs so they reside in node_modules folder(s). On another note, the app runs just fine the way it is. Mind you, I have had issues with svgo in the past, hence the svgo config file in the project root.

Steps to Reproduce

I would say you might make or use a ~/tmp directory, clone or fork the project to it and clean install all 3 sets of packages from /server, /client and /server and see if theres any npm warnings for deprecated packages.

Screenshots

No response

Which device are you using?

Hewlett Packard Enterprise DL360 G7 Server

Which operating system are you using?

Debian 12 VM on VirtualBox

Which browser are you using?

Firefox 118

Additional Context

Not sure how to fix these internal node_module issues with the deprecations.

Any one have any ideas?

Contribute

• I am willing to contribute and submit a pull request

[balajik]

@gbowne1 these warning are not be from the direct dependencies of this project. It is be from internal dependencies of the packages used in both client and server which we can't resolve.

If our dependency package resolves the warning in their setup, then it will be resolve the warning in here after the new version of that package is updated. But some of the warning are from the package which are not actively maintained now. Ex: CRA. this warning "@babel/plugin-proposal-nullish-coalescing-operator" is from create-react-app, but they will not update and release any new version in that package.