Lobe UI FOUC (flash of unstyled content)

[Zain-ul-din]

💻 系统环境 | Operating System

Windows

🌐 浏览器 | Browser

Chrome

🐛 问题描述 | Bug Description

It seems like ui.lobehub.com is using react server components that's why the actual theme changes after some time which causes the screen to flash white for a second before showing the dark theme.

🚦 期望结果 | Expected Behavior

Please can you guide how can we prevent FOUC (flash of unstyled content) when using react server components in Next Js 13 App directory?

📷 复现步骤 | Recurrence Steps

2023-12-26.00-17-46.mp4

📝 补充信息 | Additional Information

No response

[sivert-io]

Bump

[arvinxx]

@sivert-io @Zain-ul-din just check lobechat implement here: lobehub/lobe-chat@4002d60#diff-0bccc9e6e125cd0067adf17a2297ef439b7ef8df6170ccc762db0b8cdd845fbf