Azure静态Web应用部署后无法读取配置值，如何解决？

我在Azure中部署了一个Static Web App，配置设置如下：

我的authConfig.ts代码如下：

import { Configuration } from "@azure/msal-browser";

// Config object to be passed to Msal on creation
export const msalConfig: Configuration = {
    auth: {
        clientId: `${process.env["REACT_APP_AAD_UI_APP_CLIENT_ID"]}`,
        authority: `https://login.microsoftonline.com/${process.env["REACT_APP_AAD_APP_TENANT_ID"]}`,
        redirectUri: "/",
        postLogoutRedirectUri: "/"
    }
};

// scopes
export const loginRequest = {
    scopes: [`api://${process.env["REACT_APP_AAD_API_APP_CLIENT_ID"]}/user_impersonation`]
  };

// endpoints 
export const config = {
    endpoint: `${process.env["REACT_APP_AAD_APP_SERVICE_BASE_URI"]}/api/v1/items`
};

部署后运行时出现如下错误：

可以看出应用无法从配置中读取tenantId，正确的请求URL应该是：

https://login.microsoftonline.com/tenant-id/v2.0/.well-known/openid-configuration

本地运行时，我添加了包含以下内容的.env文件就可以正常运行：

REACT_APP_AAD_UI_APP_CLIENT_ID= 'xxxx'
REACT_APP_AAD_API_APP_CLIENT_ID= 'yyyy'
REACT_APP_AAD_APP_TENANT_ID= 'abcd'
REACT_APP_AAD_APP_SERVICE_BASE_URI= 'https://xxx.api.azurewebsites.net'

请问我遗漏了什么配置？

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