tdesign-react
tdesign-react copied to clipboard
[Drawer] 在nextjs 13.4.10中使用时出现Error: Hydration failed because the initial UI does not match what was rendered on the server
tdesign-react 版本
1.1.17
重现链接
https://stackblitz.com/edit/stackblitz-starters-8axuqc?file=package.json
重现步骤
import { Drawer, Button } from 'tdesign-react/lib';
......
return (
<>
<Button theme="primary" onClick={handleClick}>
打开抽屉
</Button>
<Drawer header="抽屉标题" visible={visible} onClose={handleClose}>
<p>抽屉的内容</p>
</Drawer>
</>
);
出现错误:Error: Hydration failed because the initial UI does not match what was rendered on the server
期望结果
不出现错误
实际结果
出现错误
框架版本
next.js(13.4.10)
浏览器版本
No response
系统版本
No response
Node版本
v18.2.0
补充说明
No response
👋 @LgnMs,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。
♥️ 有劳 @xianshannan @LittlehorseXie 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @LgnMs 。
@LgnMs Drawer你先客户端渲染,待我们解决了再通知你😊😊😊
supported 1.6.0