`<UserButton.UserProfilePage>` is not showing when `__clerk_modal_state` is used to show modal
维护者通常 1 天内回复
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 68/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 活跃
- 技术栈
- nextjs, react, typescript
调研方向
从链接的复现开始，使用提供的 __clerk_modal_state URL 复现 UserButton.UserProfilePage 的行为。跟踪 UserButton 和 UserProfilePage 对该模态状态的处理，然后验证自定义页面是否按预期显示，并添加或运行一个涵盖此 URL 流程的回归测试。
由索引模型根据 Issue 内容生成。
描述
Preliminary Checks
-
I have reviewed the documentation: https://clerk.com/docs
-
I have searched for existing issues: https://github.com/clerk/javascript/issues
-
I have not already reached out to Clerk support via email or Discord (if you have, no need to open an issue here)
-
This issue is not a question, general help request, or anything other than a bug report directly related to Clerk. Please ask questions in our Discord community: https://clerk.com/discord.
Reproduction
https://github.com/jebibot/clerk-repro-1
Publishable key
pk_test_c2FjcmVkLWRvdmUtOC5jbGVyay5hY2NvdW50cy5kZXYk
Description
Steps to reproduce:
"use client";
import { UserButton } from "@clerk/nextjs";
export default function CustomUserButton() {
return (
<UserButton>
<UserButton.UserProfilePage label="Custom Page" url="custom" labelIcon={<DotIcon />}>
<CustomPage />
</UserButton.UserProfilePage>
</UserButton>
);
}
"eyJwYXRoIjoiIiwiY29tcG9uZW50TmFtZSI6IlVzZXJQcm9maWxlIiwic3RhcnRQYXRoIjoiL3VzZXIiLCJzb2NpYWxQcm92aWRlciI6IiJ9"
=== btoa(JSON.stringify({path: "", componentName: "UserProfile", startPath: "/user", socialProvider: ""}))
- Log in
- Visit http://localhost:3000/?__clerk_modal_state=eyJwYXRoIjoiIiwiY29tcG9uZW50TmFtZSI6IlVzZXJQcm9maWxlIiwic3RhcnRQYXRoIjoiL3VzZXIiLCJzb2NpYWxQcm92aWRlciI6IiJ9
Expected behavior:
Actual behavior:
Environment
System:
OS: Windows 11 10.0.26200
CPU: (32) x64 AMD Ryzen 9 9950X3D 16-Core Processor
Memory: 6.92 GB / 61.52 GB
Binaries:
Node: 24.11.0 - C:\Program Files\nodejs\node.EXE
npm: 11.13.0 - C:\Program Files\nodejs\npm.CMD
pnpm: 10.32.1 - C:\Users\y\AppData\Roaming\npm\pnpm.CMD
Browsers:
Chrome: 147.0.7727.103
Edge: Chromium (147.0.3912.72)
Firefox: 148.0.2 - C:\Program Files\Mozilla Firefox\firefox.exe
npmPackages:
@clerk/nextjs: ^7.3.0 => 7.3.0
@tailwindcss/postcss: ^4 => 4.2.4
@types/node: ^20 => 20.19.39
@types/react: ^19 => 19.2.14
@types/react-dom: ^19 => 19.2.3
eslint: ^9 => 9.39.4
eslint-config-next: 16.2.4 => 16.2.4
next: 16.2.4 => 16.2.4
react: 19.2.4 => 19.2.4
react-dom: 19.2.4 => 19.2.4
tailwindcss: ^4 => 4.2.4
typescript: ^5 => 5.9.3
- 主要语言
- TypeScript
- 星标
- 1.8k
- 派生
- 473
- 平均合并
- 2 天 2 小时
- 30 天内合并 PR
- 253
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
clerk/javascript 的其他 Issue
-
难度 2/5 1-3 小时 新手友好度 88/100
clerk/javascript#10033 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 78/100
clerk/javascript#10026 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 78/100
clerk/javascript#9987 ·
维护者通常 1 天内回复
-
难度 3/5 1-2 天 新手友好度 65/100
clerk/javascript#10011 ·
维护者通常 1 天内回复
-
难度 4/5 3-5 天 新手友好度 50/100
clerk/javascript#9984 ·
维护者通常 1 天内回复
相似的 Issue
-
bug
难度 2/5 1-3 小时 新手友好度 70/100
-
难度 2/5 1-3 小时 新手友好度 68/100
aiko-chan-ai/DiscordBotClient#380 ·
-
难度 2/5 1-3 小时 新手友好度 82/100
vercel/ai-elements#507 ·
-
bug
难度 2/5 1-3 小时 新手友好度 84/100
维护者通常 2 天内回复
-
难度 2/5 半天 新手友好度 84/100
anaclumos/qa-interns#148 · 1 条评论 ·
维护者通常 1 天内回复