Next.js 13 + Firebase 角色权限控制实现求助

需求 #

• admin 用户可访问所有页面
• manager 用户仅能访问首页和提案页

问题现状 #

已通过 Firebase Realtime Database 和 Firebase Auth 完成用户创建功能，其他功能均正常，但路由权限控制完全失效，推测核心原因是 userRole 始终为 null。已花费一周多时间查阅大量 customClaims 相关资料，仍无法按需实现权限控制。

相关代码文件 #

• UserDialogCreate.tsx（用户创建组件）
• hooks/useAuth.tsx（权限钩子）
• Sidebar.tsx（侧边栏路由控制组件）

测试信息 #

• 演示地址：https://proposals-mayarabecker-dev.vercel.app/
• 测试账号：
  • admin@admin.com / 12345678
  • gerente@gerente.com / 12345678
• 源码地址：https://bitbucket.org/eltin182/proposals-mayarabecker-dev/src/main/frontend/

若需要更多信息，可随时告知，恳请提供技术帮助。

内容的提问来源于stack exchange，提问作者Elton Santos