I have the project that is using a react v17 with using for node V16 also for UI I am using material V4 version but now i need to upgrade my project with node V18. Also, I am using webpack 4 as well.

When I install with node V18 getting below errors –

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:69:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports (C:UserstesterProjectfrontendnode_moduleswebpacklibutilcreateHash.js:135:53)
    at NormalModule._initBuildHash (C:UserstesterProjectfrontendnode_moduleswebpacklibNormalModule.js:417:16)
    at handleParseError (C:UserstesterProjectfrontendnode_moduleswebpacklibNormalModule.js:471:10)
    at C:UserstesterProjectfrontendnode_moduleswebpacklibNormalModule.js:503:5
    at C:UserstesterProjectfrontendnode_moduleswebpacklibNormalModule.js:358:12
    at C:UserstesterProjectfrontendnode_modulesloader-runnerlibLoaderRunner.js:373:3
    at iterateNormalLoaders (C:UserstesterProjectfrontendnode_modulesloader-runnerlibLoaderRunner.js:214:10)
    at iterateNormalLoaders (C:UserstesterProjectfrontendnode_modulesloader-runnerlibLoaderRunner.js:221:10)
    at C:UserstesterProjectfrontendnode_modulesloader-runnerlibLoaderRunner.js:236:3
    at runSyncOrAsync (C:UserstesterProjectfrontendnode_modulesloader-runnerlibLoaderRunner.js:130:11)
    at iterateNormalLoaders (C:UserstesterProjectfrontendnode_modulesloader-runnerlibLoaderRunner.js:232:2)
    at Array.<anonymous> (C:UserstesterProjectfrontendnode_modulesloader-runnerlibLoaderRunner.js:205:4)
    at Storage.finished (C:UserstesterProjectfrontendnode_moduleswebpacknode_modulesenhanced-resolvelibCachedInputFileSystem.js:55:16)
    at C:UserstesterProjectfrontendnode_moduleswebpacknode_modulesenhanced-resolvelibCachedInputFileSystem.js:91:9
C:UserstesterProjectfrontendtoolsbuild.js:9
  throw err;
  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:69:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports (C:UserstesterProjectfrontendnode_moduleswebpacklibutilcreateHash.js:135:53)
    at NormalModule._initBuildHash (C:UserstesterProjectfrontendnode_moduleswebpacklibNormalModule.js:417:16)
    at C:UserstesterProjectfrontendnode_moduleswebpacklibNormalModule.js:452:10
    at C:UserstesterProjectfrontendnode_moduleswebpacklibNormalModule.js:323:13
    at C:UserstesterProjectfrontendnode_modulesloader-runnerlibLoaderRunner.js:367:11
    at C:UserstesterProjectfrontendnode_modulesloader-runnerlibLoaderRunner.js:233:18
    at context.callback (C:UserstesterProjectfrontendnode_modulesloader-runnerlibLoaderRunner.js:111:13)
    at C:UserstesterProjectfrontendnode_modulesbabel-loaderlibindex.js:59:103 {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v18.18.0```

Is there any quick way to install my project using node V18 without moving to Material V5 version? I have found same questions here How to update react app built on node v16 to node v18? but not found any solution there which works.

My project mostly dependent on material V4 version i don’t need to move material V5 version otherwise it will take a more time to change all the structure styles. But I have to move node V18 too.

Please suggest any recommendation or approach which should be follow for that.