Closed
Description
Description
Hi, I'm facing a white blank page in production mode when I'm using next-intl.
I've removed the code and every things works fine.
It only happens to some users and it will be ok by removing the cookies and site data from the browser.
here is my package.json
{ "dependencies": {
"@ducanh2912/next-pwa": "^10.2.9",
"@emotion/cache": "^11.13.1",
"@emotion/react": "^11.13.3",
"@emotion/styled": "^11.13.0",
"@fingerprintjs/fingerprintjs": "^4.5.1",
"@hookform/resolvers": "^3.9.0",
"@mui/icons-material": "^6.1.5",
"@mui/material": "^6.1.5",
"@mui/material-nextjs": "^6.1.5",
"@next/third-parties": "^14.2.16",
"@sumsub/websdk-react": "^2.3.13",
"@tailwindcss/container-queries": "^0.1.1",
"@tanstack/query-core": "^5.59.13",
"@tanstack/react-query": "^5.59.15",
"@tsparticles/engine": "^3.5.0",
"@tsparticles/preset-fireworks": "^3.1.0",
"@tsparticles/react": "^3.0.0",
"@types/react-joyride": "^2.0.5",
"@uidotdev/usehooks": "^2.4.1",
"@vercel/analytics": "^1.5.0",
"axios": "^1.7.7",
"clsx": "^2.1.1",
"cookies-next": "^4.3.0",
"country-to-currency": "^1.1.5",
"cross-env": "^7.0.3",
"dayjs": "^1.11.13",
"embla-carousel": "^8.3.0",
"embla-carousel-autoplay": "8.0.0",
"embla-carousel-class-names": "8.0.0",
"embla-carousel-react": "8.0.0",
"emoji-picker-react": "^4.12.0",
"gsap": "^3.12.5",
"jstimezonedetect": "^1.0.7",
"laravel-echo": "^1.16.1",
"lodash": "^4.17.21",
"next": "^14.2.16",
"next-intl": "^3.26.3",
"next-pwa": "^5.6.0",
"next13-progressbar": "^1.2.2",
"notistack": "^3.0.1",
"pusher-js": "^8.3.0",
"qs": "^6.13.0",
"react": "^18.3.1",
"react-content-loader": "^7.0.2",
"react-dom": "^18.3.1",
"react-easy-crop": "^5.1.0",
"react-error-boundary": "^4.1.2",
"react-google-recaptcha-v3": "^1.10.1",
"react-hook-form": "^7.53.0",
"react-joyride": "^2.9.3",
"react-odometerjs": "^3.1.3",
"react-use-intercom": "^5.4.1",
"react-window": "^1.8.10",
"recharts": "2.12.2",
"sharp": "^0.33.5",
"swiper": "^11.1.15",
"ua-parser-js": "^1.0.39",
"use-debounce": "^10.0.4",
"yup": "^1.4.0",
"zustand": "^4.5.5"
},
"devDependencies": {
"@tanstack/react-query-devtools": "^5.59.15",
"@testing-library/jest-dom": "^6.6.2",
"@testing-library/react": "^14.3.1",
"@types/http-proxy": "^1.17.15",
"@types/jest": "^29.5.14",
"@types/jstimezonedetect": "^1.0.6",
"@types/lodash": "^4.17.12",
"@types/node": "^20.16.15",
"@types/qs": "^6.9.16",
"@types/react": "^18.3.12",
"@types/react-dom": "^18.3.1",
"@types/react-window": "^1.8.8",
"@types/ua-parser-js": "^0.7.39",
"@typescript-eslint/eslint-plugin": "^7.18.0",
"@typescript-eslint/parser": "^7.18.0",
"autoprefixer": "^10.4.20",
"eslint": "^8.57.1",
"eslint-config-next": "^14.2.16",
"eslint-config-prettier": "^9.1.0",
"eslint-plugin-jest": "^27.9.0",
"eslint-plugin-prettier": "^5.2.1",
"eslint-plugin-simple-import-sort": "^12.1.1",
"husky": "^9.1.6",
"jest": "^29.7.0",
"jest-environment-jsdom": "^29.7.0",
"lint-staged": "^15.2.10",
"postcss": "^8.4.47",
"prettier": "^3.3.3",
"query-core": "link:@types/@tanstack/query-core",
"sass": "^1.80.3",
"tailwindcss": "^3.4.14",
"typescript": "^5.6.3"
},
"prettier": {
"semi": true,
"trailingComma": "es5",
"singleQuote": true,
"printWidth": 80,
"tabWidth": 2,
"useTabs": true
},
"volta": {
"node": "20.16.0"
}}Verifications
- I've verified that the problem I'm experiencing isn't covered in the docs.
- I've searched for similar, existing issues on GitHub and Stack Overflow.
- I've compared my app to a working example to look for differences.
Mandatory reproduction URL
App Router
Reproduction description
Steps to reproduce:
- implement next-intl
- build & depolyed
- See error
Expected behaviour
a good working site