Error occurred prerendering page "/". ReferenceError: self is not defined

[kamlendras]

Summary

Link to the code that reproduces this issue

To Reproduce
npm install / yarn install / bun install
npm run build / yarn run build / bun run build

Its been so many days i am unable to solved this issue. Also i read https://nextjs.org/docs/messages/prerender-error but its not helping. :sad

Additional information

Current vs. Expected behavior
Project should succesfully deploy , not is not able to deploy.

Provide environment information
OS : Arch Linux
"dependencies": {
    "@emotion/react": "^11.11.4",
    "@emotion/styled": "^11.11.5",
    "@fontsource/inter": "^5.0.18",
    "@mui/icons-material": "^5.15.19",
    "@mui/joy": "^5.0.0-beta.36",
    "add": "^2.0.6",
    "next": "14.2.3",
    "react": "^18",
    "react-animated-numbers": "^0.18.0",
    "react-dom": "^18",
    "react-transition-group": "^4.4.5"
  },
  "devDependencies": {
    "typescript": "^5",
    "@types/node": "^20",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "eslint": "^8",
    "eslint-config-next": "14.2.3"
  }

Example

https://github.com/kamlendras/OpenCryptoExchange

[icyJoseph]

I suspect, a component is trying to render, assuming it is running only in the browser, but in SSR world, that's not true. Maybe try removing parts of the / route, until it builds, then you'd be able to tell which library you are using is not behaving correctly.

[BeatrizGivisiez]

only rename docs

[Islamosama1]

It is work to me , Thanks