page suddenly crashes

Verify canary release

• I verified that the issue exists in the latest Next.js canary release

Provide environment information

OS: windows 10 Node version: v16.14.2 package.json:

{
  "name": "mmm",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "next dev -p 5603",
    "build": "next build",
    "start": "node server.js",
    "lint": "next lint",
    "post-update": "echo \"codesandbox preview only, need an update\" && yarn upgrade --latest"
  },
  "dependencies": {
    "@emotion/cache": "latest",
    "@emotion/react": "latest",
    "@emotion/server": "latest",
    "@emotion/styled": "latest",
    "@mui/icons-material": "latest",
    "@mui/lab": "^5.0.0-alpha.79",
    "@mui/material": "latest",
    "@mui/styles": "^5.8.6",
    "@react-oauth/google": "^0.2.6",
    "@stripe/react-stripe-js": "^1.9.0",
    "@stripe/stripe-js": "^1.32.0",
    "axios": "^0.27.2",
    "cookie": "^0.5.0",
    "cookies-next": "^2.0.4",
    "cors": "^2.8.5",
    "formik": "^2.2.9",
    "formik-mui": "^4.0.0-alpha.3",
    "js-cookie": "^3.0.1",
    "jwt-decode": "^3.1.2",
    "next": "latest",
    "nextjs-progressbar": "0.0.14",
    "prop-types": "^15.8.1",
    "raw-body": "^2.5.1",
    "react": "latest",
    "react-apple-login": "^1.1.3",
    "react-dom": "latest",
    "react-elastic-carousel": "^0.11.5",
    "react-facebook-login": "^4.1.1",
    "react-google-autocomplete": "^2.7.0",
    "react-infinite-scroll-component": "^6.1.0",
    "react-scrollspy": "^3.4.3",
    "react-text-transition": "^3.0.2",
    "sharp": "^0.31.0",
    "styled-components": "^5.3.5",
    "swiper": "^8.1.4",
    "uuid": "^8.3.2"
  },
  "devDependencies": {
    "eslint": "latest",
    "eslint-config-next": "latest",
    "prettier": "2.6.2"
  }
}

What browser are you using? (if relevant)

Chrome

How are you deploying your application? (if relevant)

Vercel

Describe the Bug

at the first of loading the site looks good but after less than 1 second everything get destroyed. Same happened before, I had a build error that didn’t shown in windows because of uppercase and lowercase. after i fixed that everything was fine but today it doesn’t work.

There is no build error There is no runtime error I tested all of css and js files and all of them were availible ( there is no 404 for assets )

homepage should look like this https://mealzo.weeorder.co.uk/ but it’s not

Expected Behavior

homepage should look like this https://mealzo.weeorder.co.uk/ but it’s not

Link to reproduction

https://mealzo-next-js.vercel.app/

To Reproduce

The buggy one: https://mealzo-next-js.vercel.app/ The expected one: https://mealzo.weeorder.co.uk/

[Umamad]

It seems that the issue is caused by emotion.

Would you like to provide the source code of your reproduction for investigation?

Tnx alot. You gave me a clue and I found the rest.

[github-actions[bot]]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.