开发Teams React应用时MSAL认证重定向URI不匹配问题求助

我正在开发一款面向MS Teams的React应用，需要从Azure AD读取用户基础数据（姓名、邮箱）。使用VS Code的Teams Toolkit本地调试时，浏览器版MS Teams已经通过Toolkit完成登录，但无法直接获取用户数据，于是尝试配置MSAL实现认证。

按照MSAL官方指南配置后，调用useMsal钩子的loginPopup()方法，在同意权限请求后出现错误：

请求中指定的重定向URI 'https://localhost:53000/index.html' 与为应用配置的重定向URI不匹配

Teams Toolkit调试打开的Teams环境URL为https://teams.microsoft.com/_#/apps/a9ed67de-51c7-4264-a62a-86dd48f93205/sections/timesheet?intent=2&category=16&autoNavigationOnDone=true&skipInstalledSuccess=false&filterByPersonal=false&storeLaunchFromChat=false，我不清楚应该配置什么正确的重定向URI。

此外，我的需求仅为获取用户姓名、邮箱这类基础数据，想知道有没有比MSAL更简便的实现方案。

更新：AAD认证选项卡中的重定向URI并非手动添加，推测是Teams Toolkit或TeamsFX自动生成的：

• AAD自动生成的重定向URI截图
• 项目相关配置文件截图

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