Expected behavior

Should run in browser after installing npm modules and run

Actual behavior

Server wont start. Does anyone have any tips on how to get it running?

Resources (screenshots, code snippets etc.)

Starting the development server...

Error: error:0308010C:digital envelope routines::unsupported at new Hash 
(node:internal/crypto/hash:69:19) at Object.createHash (node:crypto:138:10) at            
module.exports (C:\\Users\\mikec\_Projects\\pro\\node\_modules\\webpack\\lib\\util  
\\createHash.js:135:53) at NormalModule.\_initBuildHash (C:\\Users\\mikec\_Project
\\pro\\node\_modules\\webpack\\lib\\NormalModule.js:417:16) at handleParseError
(C:\\Users\\mikec\_Projects\\pro\\node\_modules\\webpac        
\\lib\\NormalModule.js:471:10) at C:\\Users\\mikec\_Projects\\pro\\node\_module
\\webpack\\lib\\NormalModule.js:503:5 at C:\\Users\\mikec\_Projects\\pro\\nod
\_modules\\webpack\\lib\\NormalModule.js:358:12 at C:\\Users\\mikec\_Project
\\pro\\node\_modules\\loader-runner\\lib\\LoaderRunner.js:373:3 at
iterateNormalLoaders (C:\\Users\\mikec\_Projects\\pro\\node\_modules\\loader-runne
\\lib\\LoaderRunner.js:214:10) at iterateNormalLoaders (C:\\Users\\mikec\_Project
\\pro\\node\_modules\\loader-runner\\lib\\LoaderRunner.js:221:10)C:\\Users\\mike
\_Projects\\pro\\node\_modules\\react-scripts\\scripts\\start.js:19 throw err; ^

Error: error:0308010C:digital envelope routines::unsupported at new Hash
(node:internal/crypto/hash:69:19) at Object.createHash (node:crypto:138:10) at
module.exports (C:\\Users\\mikec\_Projects\\pro\\node\_modules\\webpack\\lib\\uti
\\createHash.js:135:53) at NormalModule.\_initBuildHash (C:\\Users\\mikec\_Project
\\pro\\node\_modules\\webpack\\lib\\NormalModule.js:417:16) at C:\\Users\\mike
\_Projects\\pro\\node\_modules\\webpack\\lib\\NormalModule.js:452:10 at C:\\User
\\mikec\_Projects\\pro\\node\_modules\\webpack\\lib\\NormalModule.js:323:13 at
C:\\Users\\mikec\_Projects\\pro\\node\_modules\\loader-runne
\\lib\\LoaderRunner.js:367:11 at C:\\Users\\mikec\_Projects\\pro\\node\_module
\\loader-runner\\lib\\LoaderRunner.js:233:18 at context.callback (C:\\Users\\mike
\_Projects\\pro\\node\_modules\\loader-runner\\lib\\LoaderRunner.js:111:13) at
C:\\Users\\mikec\_Projects\\pro\\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\_OSS
\_EVP\_UNSUPPORTED'}

Node.js v20.5.1

Ive tried running

export NODE_OPTIONS=--openssl-legacy-provider

That didn't have any effect.

Ive searched on stack overflow and found this and tried changing start command to:

"scripts": {
"start": "react-scripts --openssl-legacy-provider start",
"build": "react-scripts --openssl-legacy-provider build",
"test": "react-scripts test",
"eject": "react-scripts eject"

When that's added it seems like its compiling then returns

Failed to compile.

./src/pages/ChartsPage.js Module not found: Can't resolve 'react-chartjs-2' in 'C:\User
\mikec\_Projects\pro\src\pages'  

Then it stops. The file "ChartsPages.js" is there.