Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Tooltip] react-hydration-error in nextjs #1957

Closed
xinchaobeta opened this issue Feb 8, 2023 · 4 comments
Closed

[Tooltip] react-hydration-error in nextjs #1957

xinchaobeta opened this issue Feb 8, 2023 · 4 comments
Assignees
Labels
🐞 bug Something isn't working in progress in progress nextjs

Comments

@xinchaobeta
Copy link

tdesign-react 版本

0.45.4

重现链接

https://stackblitz.com/edit/nextjs-kwoohj?file=pages%2Findex.js

重现步骤

image

期望结果

不发生 react-hydration-error 错误

实际结果

Warning: Prop data-popup did not match. Server: "t-popup--0.9347390447" Client: "t-popup--0.3498025363"
at div
at SomeButton
at eval (webpack-internal:///./node_modules/tdesign-react/es/popup/Popup.js:127:23)
at eval (webpack-internal:///./node_modules/tdesign-react/es/tooltip/Tooltip.js:125:21)
at div
at Home (webpack-internal:///./pages/index.js:53:66)
at MyApp (webpack-internal:///./pages/_app.js:18:24)
at PathnameContextProviderAdapter (webpack-internal:///./node_modules/next/dist/shared/lib/router/adapters.js:101:25)
at ErrorBoundary (webpack-internal:///./node_modules/next/dist/compiled/@next/react-dev-overlay/dist/client.js:301:63)
at ReactDevOverlay (webpack-internal:///./node_modules/next/dist/compiled/@next/react-dev-overlay/dist/client.js:850:919)
at Container (webpack-internal:///./node_modules/next/dist/client/index.js:122:5)
at AppContainer (webpack-internal:///./node_modules/next/dist/client/index.js:304:24)
at Root (webpack-internal:///./node_modules/next/dist/client/index.js:522:25)

See more info here: https://nextjs.org/docs/messages/react-hydration-error

框架版本

nextjs(13.0.6)

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

@github-actions
Copy link
Contributor

github-actions bot commented Feb 8, 2023

👋 @xinchaobeta,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

@github-actions
Copy link
Contributor

github-actions bot commented Feb 8, 2023

♥️ 有劳 @xinranzhou @carolin913 尽快确认问题。
确认有效后将下一步计划和可能需要的时间回复给 @xinchaobeta

@honkinglin honkinglin added 🐞 bug Something isn't working in progress in progress labels Feb 21, 2023
@HaixingOoO
Copy link
Collaborator

@xinchaobeta 抱歉,我们现在才回复,请更新到最新的tdesign-react和大于nextjs 13.1版本可支持了

@HaixingOoO
Copy link
Collaborator

@xinchaobeta 然后你的自定义组件buttom的写法不对,看看这个网址:https://nextjs.org/docs/pages/building-your-application/optimizing/lazy-loading#nextdynamic

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐞 bug Something isn't working in progress in progress nextjs
Projects
None yet
Development

No branches or pull requests

4 participants