Next.js 14 + PrimeReact 10.5 水合警告问题求助
我的基础配置
我正在学习Next.js,刚创建了一个基于最新next.js (v14)的全新项目,运行正常。我偏好使用Prime React作为UI库,因此在确认项目正常后安装了最新版本的Prime React(10.5)(未安装其他库)。
问题描述
使用<Button/>或<Sidebar/>等Prime React组件时,功能完全正常且显示正常,但在任意浏览器中打开控制台检查页面时,会持续出现以下警告:
Warning: Extra attributes from the server: data-new-gr-c-s-check-loaded,data-gr-ext-installed at body at html at RedirectErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:73:9) at RedirectBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:81:11) at NotFoundErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:76:9) at NotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:84:11) at DevRootNotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/dev-root-not-found-boundary.js:33:11) at ReactDevOverlay (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/internal/ReactDevOverlay.js:84:9) at HotReload (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/hot-reloader-client.js:307:11) at Router (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:182:11) at ErrorBoundaryHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:114:9) at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:161:11) at AppRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:538:13) at ServerRoot (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:129:11) at RSCComponent at Root (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:145:11)
已尝试的解决方法
- 尝试过在组件外包裹
<React.Fragment>的Next.js解决方案,但未消除警告 - 通过仅包含Next.js和Prime React的沙箱测试,确认警告仅因Prime React组件触发
- 添加Prime React Provider,无效果
- 禁用所有Chrome扩展,警告仍存在
求助
**请问如何解决该问题?若有人成功无警告使用Next.js(14)和PrimeReact(10.5)**组合,烦请告知解决步骤。
我知道带警告也能正常运行,但希望代码无错误无警告,避免后续出现问题,提前感谢您的帮助。
内容的提问来源于stack exchange,提问作者Kyle The Wizard
相关产品推荐
相关产品推荐

