Our Web client React app is failing to load after upgrading the react scripts to 5.0.0.

[mkingam]

Hi,

We have migrated our react scripts from 4.0.3 to 5.0.0, since migration we are not able to load the web client
We are getting some run time issue where the application is failing to load due to the following error...

main.js:78 Uncaught ReferenceError: process is not defined
at Object.config (main.js:78:1)
at Module../src/index.jsx (index.jsx:8:1)
at Module.options.factory (react refresh:6:1)
at webpack_require (bootstrap:24:1)
at startup:7:1
at startup:7:1
config @ main.js:78
./src/index.jsx @ index.jsx:8
options.factory @ react refresh:6
webpack_require @ bootstrap:24
(anonymous) @ startup:7
(anonymous) @ startup:7

In Main.js, failing @ line no: 2

// Populates process.env from .env file

1. function config (options /*: ?DotenvConfigOptions /) /: DotenvConfigOutput */ {
2. let dotenvPath = path.resolve(process.cwd(), '.env') ----------------------------------> Failing here
3. let encoding /*: string */ = 'utf8'
4. let debug = false
5. ........

package.json:
"dotenv": "^8.2.0",
"immutable": "^4.0.0-rc.12",
"jest-watch-typeahead": "^0.6.5",
"jwt-decode": "^2.2.0",
"path-browserify": "^1.0.1",
"react": "^16.14.0",
"react-dom": "^16.14.0",
"react-scripts": "^5.0.0"

We are not getting any clue on what is going wrong. can someone please help me in resolving this issue?