No able to start the react server

Question

I was making an ecommerce site, I made navigation bar and sign up button until then it was okay but when I tried to fetch the data present in my cloud DB (MongoDB Atlas) on the front end using Redux , The frontend went blank and Started throwing this error in the console :

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports (C:\astha\projects\flipkart-clone\client\node_modules\webpack\lib\util\createHash.js:135:53)
    at NormalModule._initBuildHash (C:\astha\projects\flipkart-clone\client\node_modules\webpack\lib\NormalModule.js:417:16)
    at handleParseError (C:\astha\projects\flipkart-clone\client\node_modules\webpack\lib\NormalModule.js:471:10)
    at C:\astha\projects\flipkart-clone\client\node_modules\webpack\lib\NormalModule.js:503:5
    at C:\astha\projects\flipkart-clone\client\node_modules\webpack\lib\NormalModule.js:358:12
    at C:\astha\projects\flipkart-clone\client\node_modules\loader-runner\lib\LoaderRunner.js:373:3
    at iterateNormalLoaders (C:\astha\projects\flipkart-clone\client\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
    at iterateNormalLoaders (C:\astha\projects\flipkart-clone\client\node_modules\loader-runner\lib\LoaderRunner.js:221:10) C:\astha\projects\flipkart-clone\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:71:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports (C:\astha\projects\flipkart-clone\client\node_modules\webpack\lib\util\createHash.js:135:53)
    at NormalModule._initBuildHash (C:\astha\projects\flipkart-clone\client\node_modules\webpack\lib\NormalModule.js:417:16)
    at C:\astha\projects\flipkart-clone\client\node_modules\webpack\lib\NormalModule.js:452:10
    at C:\astha\projects\flipkart-clone\client\node_modules\webpack\lib\NormalModule.js:323:13
    at C:\astha\projects\flipkart-clone\client\node_modules\loader-runner\lib\LoaderRunner.js:367:11
    at C:\astha\projects\flipkart-clone\client\node_modules\loader-runner\lib\LoaderRunner.js:233:18
    at context.callback (C:\astha\projects\flipkart-clone\client\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at C:\astha\projects\flipkart-clone\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' }