Вход через AAD (Azure Active Directory) в приложении React не работает

Question

Я пытаюсь реализовать аутентификацию через приложение Azure Active Directory для React. Когда я запускаю свое приложение, после входа в систему появляется пустая страница. В консоли вижу: "[HMR] Ожидание сигнала обновления от WDS..."

Это мой провайдер:

export const authProvider = new MsalAuthProvider(
    {
        auth: {
            authority: "https://login.microsoftonline.com/common",
            clientId: "********-****-****-****-************",
            postLogoutRedirectUri: window.location.origin,
            redirectUri: window.location.origin,
            knownAuthorities: [],
            navigateToLoginRequestUrl: true,
        },
        cache: {
            cacheLocation: 'sessionStorage',
            storeAuthStateInCookie: true,
        },
    },
    {
        scopes: [
            'user.read',
            'api://********-****-****-****-************/Read'
        ]
    },
{
        loginType: LoginType.Redirect,
        tokenRefreshUri: window.location.origin + '/auth.html'
    }
);

пакет: react-aad-msal

В Azure: у меня есть регистрация приложения с платформой SPA. URI перенаправления: http://localhost:3000.

У кого-нибудь есть идеи? Я много чего пробовал, читал об этом, но безрезультатно.

Заранее спасибо!

Answer 1

(Переход от комментариев к ответу, чтобы другим было легче его найти)

Проблема решается для клиента путем изменения URL-адреса центра с Общего на указание единого TenantID.