[Tooltip] react-hydration-error in nextjs

[xinchaobeta]

tdesign-react 版本

0.45.4

重现链接

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

重现步骤

期望结果

不发生 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[bot]]

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

[github-actions[bot]]

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

[HaixingOoO]

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

[HaixingOoO]

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