A "Minified React error #31" occurs during build.

[l-you]

Page to Investigate

only on my production website

Steps to Reproduce

No idea what is it.

[swarnava]

Hi,

Could you share a minimal reproducible repository that can be shared publicly as a git repository so that we can take a look?

[z4nr34l]

Could you bring us more details?
I consider as helpful those informations:

1. Repository Access;
2. Vercel build logs (from deployment with this issue);
3. Runtime logs from problematic request;

The more - the better for receiving quick help.

You can also try to reproduce this problem on free CodeSandbox and post URL here when it's done.

[l-you]

@z4nr34l Here is complete logs. (Omitted some private stuff)
There is no runtime logs. Error happens during build.
But it does not fail build.

[10:56:20.526] Running build in Washington, D.C., USA (East) – iad1
[10:56:20.578] Cloning (...omited) (Branch: master, Commit: 39d0e7f)
[10:56:21.281] Cloning completed: 702.635ms
[10:56:26.848] Restored build cache
[10:56:26.879] Running "vercel build"
[10:56:27.364] Vercel CLI 29.3.6
[10:56:28.096] Warning: Detected "engines": { "node": "^16.0.0 || >=18.0.0" } in your `package.json` that will automatically upgrade when a new major Node.js Version is released. Learn More: http://vercel.link/node-version
[10:56:28.102] Installing dependencies...
[10:56:28.358] yarn install v1.22.17
[10:56:28.425] [1/5] Validating package.json...
[10:56:28.429] [2/5] Resolving packages...
[10:56:28.464] warning Lockfile has incorrect entry for "[email protected]". Ignoring it.
[10:56:28.563] warning Lockfile has incorrect entry for "[email protected]". Ignoring it.
[10:56:28.908] [3/5] Fetching packages...
[10:56:59.222] warning [email protected]: The engine "pnpm" appears to be invalid.
[10:56:59.230] [4/5] Linking dependencies...
[10:56:59.232] warning "workspace-aggregator-097ad81b-4f7c-4c41-ba1a-3445d237f626 > shared > @apollo/[email protected]" has unmet peer dependency "graphql@^14.0.0 || ^15.0.0 || ^16.0.0".
[10:56:59.232] warning "workspace-aggregator-097ad81b-4f7c-4c41-ba1a-3445d237f626 > shared > [email protected]" has unmet peer dependency "react@^18.2.0".
[10:56:59.232] warning "workspace-aggregator-097ad81b-4f7c-4c41-ba1a-3445d237f626 > shared > [email protected]" has unmet peer dependency "react-dom@^18.2.0".
[10:56:59.233] warning "workspace-aggregator-097ad81b-4f7c-4c41-ba1a-3445d237f626 > shared > [email protected]" has unmet peer dependency "react@>= 16.8.0".
[10:56:59.234] warning "workspace-aggregator-097ad81b-4f7c-4c41-ba1a-3445d237f626 > shared > [email protected]" has unmet peer dependency "react@>=16.13.1".
[10:56:59.234] warning "workspace-aggregator-097ad81b-4f7c-4c41-ba1a-3445d237f626 > shared > [email protected]" has unmet peer dependency "@types/node@*".
[10:56:59.234] warning "workspace-aggregator-097ad81b-4f7c-4c41-ba1a-3445d237f626 > shared > @typescript-eslint/[email protected]" has unmet peer dependency "@typescript-eslint/parser@^5.0.0".
[10:56:59.234] warning "workspace-aggregator-097ad81b-4f7c-4c41-ba1a-3445d237f626 > shared > [email protected]" has unmet peer dependency "@next/env@*".
[10:56:59.235] warning "workspace-aggregator-097ad81b-4f7c-4c41-ba1a-3445d237f626 > shop > @mui/[email protected]" has unmet peer dependency "@mui/base@^5.0.0-alpha.87".
[10:56:59.235] warning "workspace-aggregator-097ad81b-4f7c-4c41-ba1a-3445d237f626 > shop > @mui/[email protected]" has unmet peer dependency "@mui/system@^5.8.0".
[10:56:59.235] warning "workspace-aggregator-097ad81b-4f7c-4c41-ba1a-3445d237f626 > shop > @toast-ui/[email protected]" has incorrect peer dependency "react@^17.0.1".
[10:56:59.236] warning "workspace-aggregator-097ad81b-4f7c-4c41-ba1a-3445d237f626 > shop > [email protected]" has unmet peer dependency "prop-types@^15.6.0".
[10:56:59.237] warning "workspace-aggregator-097ad81b-4f7c-4c41-ba1a-3445d237f626 > shared > @apollo/client > @graphql-typed-document-node/[email protected]" has unmet peer dependency "graphql@^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0".
[10:56:59.237] warning "workspace-aggregator-097ad81b-4f7c-4c41-ba1a-3445d237f626 > shared > @apollo/client > [email protected]" has unmet peer dependency "graphql@^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0".
[10:56:59.237] warning "workspace-aggregator-097ad81b-4f7c-4c41-ba1a-3445d237f626 > shared > next > [email protected]" has unmet peer dependency "react@>= 16.8.0 || 17.x.x || ^18.0.0-0".
[10:56:59.239] warning "workspace-aggregator-097ad81b-4f7c-4c41-ba1a-3445d237f626 > shop > recharts > [email protected]" has unmet peer dependency "prop-types@^15.6.0".
[10:56:59.242] warning "workspace-aggregator-097ad81b-4f7c-4c41-ba1a-3445d237f626 > shop > @graphql-codegen/cli > @graphql-tools/code-file-loader > @graphql-tools/graphql-tag-pluck > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
[10:56:59.311] warning Workspaces can only be enabled in private projects.
[10:57:34.122] [5/5] Building fresh packages...
[10:57:35.003] success Saved lockfile.
[10:57:35.006] Done in 66.65s.
[10:57:35.039] Detected Next.js version: 13.4.4
[10:57:35.041] Running "yarn run build"
[10:57:35.208] yarn run v1.22.17
[10:57:35.230] $ next build
[10:57:35.600] - warn You have enabled experimental feature (scrollRestoration) in next.config.js.
[10:57:35.601] - warn Experimental features are not covered by semver, and may cause unexpected or broken application behavior. Use at your own risk.
[10:57:35.601] 
[10:57:35.701] - info Creating an optimized production build...
[10:58:37.485] - info Compiled successfully
[10:58:37.493] - info Linting and checking validity of types...
[10:58:37.853] 
[10:58:37.853] Your tsconfig.json extends another configuration, which means we cannot add the Next.js TypeScript plugin automatically. To improve your development experience, we recommend adding the Next.js plugin (`"plugins": [{ "name": "next" }]`) manually to your TypeScript configuration. Learn more: https://nextjs.org/docs/app/building-your-application/configuring/typescript#the-typescript-plugin
[10:58:37.853] 
[10:59:16.264] - info Collecting page data...
[10:59:20.608] - info Generating static pages (0/71)
[10:59:20.671] Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=%5Bobject%20Promise%5D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
[10:59:20.672]     at Z (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:490)
[10:59:20.672]     at Zc (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:70:481)
[10:59:20.672]     at Z (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
[10:59:20.672]     at $c (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
[10:59:20.672]     at Zc (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:72:501)
[10:59:20.672]     at Z (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:89)
[10:59:20.672]     at $c (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
[10:59:20.672]     at bd (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:77:404)
[10:59:20.672]     at Z (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:76:217)
[10:59:20.672]     at $c (/vercel/path0/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:78:98)
[10:59:20.916] - info Generating static pages (17/71)
[10:59:21.087] - info Generating static pages (35/71)
[10:59:21.740] - info Generating static pages (53/71)
[10:59:22.712] - warn Entire page /products deopted into client-side rendering. https://nextjs.org/docs/messages/deopted-into-client-rendering /products
[10:59:22.845] - info Generating static pages (71/71)
[10:59:22.898] - info Finalizing page optimization...
[10:59:22.911] 
[10:59:22.929] Route (app)                                       Size     First Load JS
[10:59:22.929] ┌ ○ /                                             0 B                0 B
[10:59:22.930] ├ λ /new-in                                       0 B                0 B
[10:59:22.930] ├ λ /order/[orderId]                              0 B                0 B
[10:59:22.930] ├ λ /product/[sku]                                0 B                0 B
[10:59:22.930] ├ λ /products                                     0 B                0 B
[10:59:22.930] ├ ○ /public-offer-agreement                       0 B                0 B
[10:59:22.930] ├ λ /sale                                         0 B                0 B
[10:59:22.930] ├ ○ /shipping-and-payment                         0 B                0 B
[10:59:22.931] ├ ○ /sign-up                                      0 B                0 B
[10:59:22.931] ├ λ /survey/order-feedback                        0 B                0 B
[10:59:22.931] └ ○ /wishlist                                     0 B                0 B
[10:59:22.931] + First Load JS shared by all                     83.1 kB
[10:59:22.931]   ├ chunks/6055-54ca211a2d0c7759.js               29.2 kB
[10:59:22.931]   ├ chunks/7fd0f9f1-f9a7bca2597a6acb.js           50.5 kB
[10:59:22.931]   ├ chunks/main-app-734c4aeaa6505b25.js           223 B
[10:59:22.931]   └ chunks/webpack-cb74808a6a7c6ef1.js            3.15 kB
[10:59:22.931] 
[10:59:22.931] Route (pages)                                     Size     First Load JS
[10:59:22.931] ┌   /_app                                         0 B             156 kB
[10:59:22.9
[10:59:22.935] 
[10:59:22.935] λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)
[10:59:22.935] ○  (Static)  automatically rendered as static HTML (uses no initial props)
[10:59:22.935] 
[10:59:23.641] $ next-sitemap
[10:59:23.751] ✨ [next-sitemap] Loading next-sitemap config: file:///vercel/path0/packages/shop/next-sitemap.config.js
[10:59:23.762] ✅ [next-sitemap] Generation completed
[10:59:23.763] ┌───────────────┬────────┐
[10:59:23.763] │    (index)    │ Values │
[10:59:23.763] ├───────────────┼────────┤
[10:59:23.763] │ indexSitemaps │   1    │
[10:59:23.763] │   sitemaps    │   1    │
[10:59:23.763] └───────────────┴────────┘
[10:59:23.763] -----------------------------------------------------
[10:59:23.763]  SITEMAP INDICES 
[10:59:23.763] -----------------------------------------------------
[10:59:23.763] 
[10:59:23.763]    ○ https://.../sitemap.xml
[10:59:23.763] 
[10:59:23.763] 
[10:59:23.763] -----------------------------------------------------
[10:59:23.763]  SITEMAPS 
[10:59:23.763] -----------------------------------------------------
[10:59:23.763] 
[10:59:23.763]    ○ https://.../sitemap-0.xml
[10:59:23.763] 
[10:59:23.764] 
[10:59:23.767] Done in 108.56s.
[10:59:26.823] Traced Next.js server files in: 2.983s
[10:59:32.595] Created all serverless functions in: 5.768s
[10:59:32.619] Collected static files (public/, static/, .next/static): 22.782ms
[10:59:33.687] Build Completed in /vercel/output [3m]
[10:59:34.091] Deploying outputs...
[10:59:45.449] Deployment completed
[11:00:02.628] Uploading build cache [174.20 MB]...
[11:00:07.242] Build cache uploaded: 4.614s

[l-you]

I managed to solve the error.
Following steps helped me.

1. Delete 404.tsx from pages directory
2. Add not-found.tsx to app directory