Error: error:0308010C:digital envelope routines::unsupported

[khteh]

Upgraded to Node.JS 17.0.0 and bump into this error:

$ quasar dev

 Dev mode.......... spa
 Pkg quasar........ v2.1.5
 Pkg @quasar/app... v3.1.4
 Pkg webpack....... v5
 Debugging......... enabled

 Configured browser support (>= 88.66% of global marketshare):
 · Chrome for Android >= 94
 · Firefox for Android >= 92
 · Android >= 94
 · Chrome >= 85
 · Edge >= 91
 · Firefox >= 84
 · iOS >= 11.3-11.4
 · Opera >= 76
 · Safari >= 12

 App • Running "@quasar/dotenv" Quasar App Extension...
 App • Running "@quasar/testing" Quasar App Extension...
 App • Running "@quasar/testing-unit-jest" Quasar App Extension...
 App • Running "@quasar/testing-e2e-cypress" Quasar App Extension...
 App • Extension(@quasar/dotenv): Extending quasar.conf...
 App • Extension(@quasar/testing-e2e-cypress): Extending quasar.conf...
 App • Chaining "UI" Webpack config
(node:42896) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated.
(Use `node --trace-deprecation ...` to show where the warning was created)
 App •  WAIT  • Compiling of "UI" in progress...

 • Compiling:
 └── UI ██                   7% setup compile ExternalsPlugin

node:internal/crypto/hash:67
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

[  Error: error:0308010C:digital envelope routines::unsupported
  
  - hash:67 new Hash
    node:internal/crypto/hash:67:19
  
  - node:crypto:130 Object.createHash
    node:crypto:130:10
  
  - createHash.js:155 BulkUpdateDecorator.hashFactory
    [khteh]/[webpack]/lib/util/createHash.js:155:18
  
  - createHash.js:80 BulkUpdateDecorator.digest
    [khteh]/[webpack]/lib/util/createHash.js:80:21
  
  - DefinePlugin.js:595 
    [khteh]/[webpack]/lib/DefinePlugin.js:595:38
  
  
  - Hook.js:14 Hook.CALL_DELEGATE [as _call]
    [khteh]/[tapable]/lib/Hook.js:14:14
  
  - Compiler.js:1053 Compiler.newCompilation
    [khteh]/[webpack]/lib/Compiler.js:1053:26
  
  - Compiler.js:1097 
    [khteh]/[webpack]/lib/Compiler.js:1097:29
  
  
] {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v17.0.0

WRT https://stackoverflow.com/questions/69394632/webpack-build-failing-with-err-ossl-evp-unsupported I have added webpack.config.js at the root of my quasar project to tell webpack the hashFunction to use but to no avail.
quasarframework/quasar#11046

Bug report

Actual Behavior

Expected Behavior

How Do We Reproduce?

Please paste the results of npx webpack-cli info here, and mention other relevant information

[alexander-akait]

Please use search before posting, thanks webpack/webpack#14532