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

[Drawer] 在nextjs 13.4.10中使用时出现Error: Hydration failed because the initial UI does not match what was rendered on the server #2418

Closed
LgnMs opened this issue Aug 4, 2023 · 4 comments
Labels
🐞 bug Something isn't working nextjs to be published fixed, not be published

Comments

@LgnMs
Copy link

LgnMs commented Aug 4, 2023

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

@github-actions
Copy link
Contributor

github-actions bot commented Aug 4, 2023

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

@github-actions
Copy link
Contributor

github-actions bot commented Aug 4, 2023

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

@HaixingOoO
Copy link
Collaborator

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

@HaixingOoO HaixingOoO added the 🐞 bug Something isn't working label Feb 22, 2024
@HaixingOoO HaixingOoO added the to be published fixed, not be published label Apr 10, 2024
@uyarn
Copy link
Collaborator

uyarn commented Apr 11, 2024

supported 1.6.0

@uyarn uyarn closed this as completed Apr 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐞 bug Something isn't working nextjs to be published fixed, not be published
Projects
None yet
Development

No branches or pull requests

3 participants