Fix 'unsupported' Error in React App: Quick Guide to Resolve Crypto Issue 🚀

"react-scripts --openssl-legacy-provider start"


Can you help me to buy a coffee:
https://www.buymeacoffee.com/coffeeprogram











frontend@0.1.0 start
react-scripts start

ℹ ｢wds｣: Project is running at http://172.17.0.2/
ℹ ｢wds｣: webpack output is served from
ℹ ｢wds｣: Content not from webpack is served from /client/public
ℹ ｢wds｣: 404s will fallback to /
Starting the development server...

Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:68:19)
at Object.createHash (node:crypto:138:10)
at module.exports (/client/node_modules/webpack/lib/util/createHash.js:135:53)
at NormalModule._initBuildHash (/client/node_modules/webpack/lib/NormalModule.js:417:16)
at handleParseError (/client/node_modules/webpack/lib/NormalModule.js:471:10)
at /client/node_modules/webpack/lib/NormalModule.js:503:5
at /client/node_modules/webpack/lib/NormalModule.js:358:12
at /client/node_modules/loader-runner/lib/LoaderRunner.js:373:3
at iterateNormalLoaders (/client/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
at iterateNormalLoaders (/client/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
/client/node_modules/react-scripts/scripts/start.js:19
throw err;
^

Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:68:19)
at Object.createHash (node:crypto:138:10)
at module.exports (/client/node_modules/webpack/lib/util/createHash.js:135:53)
at NormalModule._initBuildHash (/client/node_modules/webpack/lib/NormalModule.js:417:16)
at /client/node_modules/webpack/lib/NormalModule.js:452:10
at /client/node_modules/webpack/lib/NormalModule.js:323:13
at /client/node_modules/loader-runner/lib/LoaderRunner.js:367:11
at /client/node_modules/loader-runner/lib/LoaderRunner.js:233:18
at context.callback (/client/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at /client/node_modules/babel-loader/lib/index.js:59:103 {
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v20.7.0