tdesign-react icon indicating copy to clipboard operation
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

Open LgnMs opened this issue 2 years ago • 3 comments

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 avatar Aug 04 '23 02:08 LgnMs

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

github-actions[bot] avatar Aug 04 '23 02:08 github-actions[bot]

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

github-actions[bot] avatar Aug 04 '23 02:08 github-actions[bot]

@LgnMs Drawer你先客户端渲染,待我们解决了再通知你😊😊😊

HaixingOoO avatar Oct 19 '23 01:10 HaixingOoO

supported 1.6.0

uyarn avatar Apr 11 '24 10:04 uyarn