Seems there's something wrong with line the following lines

1.<div className={walletAddress ? 'authed-container' : 'container'}>

2. {!walletAddress && renderNotConnectedContainer()}

Solved by changing package.json:

  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }

To:

  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
        "development": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ]
  }

Maybe it's worth updating the repo with it.

I have made a PR for the issue and solved it by updating package.json.

The reason i discovered is that - the current package is attempting to use an algorithm or key size which is no longer allowed by default with OpenSSL 3.0

I have provded the fix in accordance with the release notes for Node.js 17.

React import necessary in App.js.

npm audit fix --force will update

added 1880 packages, and audited 1881 packages in 3m

172 packages are looking for funding
run npm fund for details

29 vulnerabilities (10 moderate, 13 high, 6 critical)

To address issues that do not require attention, run:
npm audit fix

To address all issues (including breaking changes), run:
npm audit fix --force

Run npm audit for details.
PS C:\Users\ajhar\code\moon> npm audit fix

added 1 package, changed 1 package, and audited 1882 packages in 3s

173 packages are looking for funding
run npm fund for details

npm audit report