🐛 fix: clerk appearance is not applied

[phuctm97]

💻 变更类型 | Change Type

• ✨ feat
• 🐛 fix
• ♻️ refactor
• 💄 style
• 🔨 chore
• ⚡️ perf
• 📝 docs

🔀 变更说明 | Description of Change

When useAppearance returns different result during SSR vs. client-side (when theme mode is auto), the appearance is not applied. It's because Clerk internally re-applies SSR props after transition which overrides client-side props, see https://github.com/clerk/javascript/blob/main/packages/nextjs/src/app-router/client/ClerkProvider.tsx. This re-renders the provider after transition to make sure client-side props are always applied.

[vercel]

@phuctm97 is attempting to deploy a commit to the LobeHub Pro Team on Vercel.

A member of the Team first needs to authorize it.

[lobehubbot]

👍 @phuctm97

Thank you for raising your pull request and contributing to our Community
Please make sure you have followed our contributing guidelines. We will review it as soon as possible.
If you encounter any problems, please feel free to connect with us.
非常感谢您提出拉取请求并为我们的社区做出贡献，请确保您已经遵循了我们的贡献指南，我们会尽快审查它。
如果您遇到任何问题，请随时与我们联系。

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 93.75%. Comparing base (ae5987a) to head (22f3e4e).
Report is 1 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #3105   +/-   ##
=======================================
  Coverage   93.75%   93.75%           
=======================================
  Files         388      388           
  Lines       23968    23968           
  Branches     1767     1766    -1     
=======================================
  Hits        22470    22470           
  Misses       1498     1498           

Flag	Coverage Δ
app	93.75% <ø> (ø)
server	68.17% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[arvinxx]

I think it's a good way to solve the issue that clerk provider introduce. But I wonder if there is any possible that Clerk solve this problem at their side? Or in another words, when can we remove these codes?

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
lobe-chat-database	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 2, 2024 2:45pm
lobe-chat-preview	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 2, 2024 2:45pm

[phuctm97]

I think it's a good way to solve the issue that clerk provider introduce. But I wonder if there is any possible that Clerk solve this problem at their side? Or in another words, when can we remove these codes?

I reported this issue to them. Hopefully they'll fix it soon. The code only re-renders the clerk provider once, it shouldn't a problem regardless imo.

[arvinxx]

It's fine as a fix at our side now. I hope we can remove this part if the Clerk side solve the issue.

[lobehubbot]

❤️ Great PR @phuctm97 ❤️

The growth of project is inseparable from user feedback and contribution, thanks for your contribution! If you are interesting with the lobehub developer community, please join our discord and then dm @arvinxx or @canisminor1990. They will invite you to our private developer channel. We are talking about the lobe-chat development or sharing ai newsletter around the world.
项目的成长离不开用户反馈和贡献，感谢您的贡献! 如果您对 LobeHub 开发者社区感兴趣，请加入我们的 discord，然后私信 @arvinxx 或 @canisminor1990。他们会邀请您加入我们的私密开发者频道。我们将会讨论关于 Lobe Chat 的开发，分享和讨论全球范围内的 AI 消息。

[lobehubbot]

🎉 This PR is included in version 1.2.5 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀