Next.js生产环境新浏览器首次加载出现Error #426问题

问题现象 #

• 仅在新浏览器首次加载页面或清除所有缓存后触发Error #426
• 技术栈：Next.js 13.2.3，部署平台Vercel
• 未主动使用React Suspense，刷新页面后可正常运行

控制台报错信息 #

Error: Minified React error #426; visit https://reactjs.org/docs/error-decoder.html?invariant=426 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at oL (framework-73b8966a3c579ab0.js:9:98070)
    at oF (framework-73b8966a3c579ab0.js:9:99006)
    at ox (framework-73b8966a3c579ab0.js:9:95740)
    at oC (framework-73b8966a3c579ab0.js:9:96129)
    at r4 (framework-73b8966a3c579ab0.js:9:44778)
    at framework-73b8966a3c579ab0.js:9:93632
a5 @ framework-73b8966a3c579ab0.js:9
main-e4be697f641c1f12.js:1 Error: Minified React error #426; visit https://reactjs.org/docs/error-decoder.html?invariant=426 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at oL (framework-73b8966a3c579ab0.js:9:98070)
    at oF (framework-73b8966a3c579ab0.js:9:99006)
    at ox (framework-73b8966a3c579ab0.js:9:95740)
    at oC (framework-73b8966a3c579ab0.js:9:96129)
    at r4 (framework-73b8966a3c579ab0.js:9:44778)
    at framework-73b8966a3c579ab0.js:9:93632
K @ main-e4be697f641c1f12.js:1
main-e4be697f641c1f12.js:1 A client-side exception has occurred, see here for more info: https://nextjs.org/docs/messages/client-side-exception-occurred
K @ main-e4be697f641c1f12.js:1

React错误解码提示 #

组件在响应同步输入时挂起。这会导致UI被加载指示器替换。修复方法是将导致挂起的更新用startTransition包裹。

疑问 #

未主动使用React Suspense，不清楚为何仅在生产环境首次加载时出现该问题，刷新后恢复正常。

内容的提问来源于stack exchange，提问作者Sanjay Ojha