fragment is not present issue.

[yogeshwakle99]

Core Library

MSAL.js (@azure/msal-browser)

Core Library Version

3.22.0

Wrapper Library

MSAL React (@azure/msal-react)

Wrapper Library Version

2.0.22

Public or Confidential Client?

Confidential

Description

The request has returned to the redirectUri but a fragment is not present. It's likely that the fragment has been removed or the page has been redirected by code running on the redirectUri page i got the issue

Error Message

The request has returned to the redirectUri but a fragment is not present. It's likely that the fragment has been removed or the page has been redirected by code running on the redirectUri page i got the issue

MSAL Logs

async function handleMicrosoftLogin() {
try {
const loginRequest = {
scopes: ["user.read"],
};
const response = await instance.loginPopup(loginRequest);
console.log('Login successful!', response);
const accessToken = response.accessToken;

        const result = await microsoftAuthToken({
            accessToken: accessToken,
            time_zone: Intl.DateTimeFormat().resolvedOptions().timeZone
        });
        console.log('Result is:', result);
    } catch (e) {
        console.error('Login failed:', e);
    }
}

Network Trace (Preferrably Fiddler)

• Sent
• Pending

MSAL Configuration

const msalConfiguration: Configuration = {
        auth: {
            clientId:appConfig.microsoft_ClientID,
            redirectUri:'http://localhost:5173',
            authority:"https://login.microsoftonline.com/7ee0f2bd-fdaa-4379-920a-17480e38f392"
        },
        cache: {
            cacheLocation: "localStorage", 
            storeAuthStateInCookie: false, 
        },
        system: {	
            loggerOptions: {	
                loggerCallback: (level, message, containsPii) => {	
                    if (containsPii) {		
                        return;		
                    }		
                    switch (level) {
                        case LogLevel.Error:
                            console.error("Error======>>>>>>",message);
                            return;
                        case LogLevel.Info:
                            console.info("Info=====++>>>>>>",message);
                            return;
                        case LogLevel.Verbose:
                            console.debug("Verbose====>>>>>",message);
                            return;
                        case LogLevel.Warning:
                            console.warn("Warning=====>>>>>>>",message);
                            return;
                        default:
                            return;
                    }	
                }	
            }	
        }
    };

Relevant Code Snippets

async function handleMicrosoftLogin() {
        try {
            const loginRequest = {
                scopes: ["user.read"],
            };
            const response = await instance.loginPopup(loginRequest);
            console.log('Login successful!', response);
            const accessToken = response.accessToken;

            const result = await microsoftAuthToken({
                accessToken: accessToken,
                time_zone: Intl.DateTimeFormat().resolvedOptions().timeZone
            });
            console.log('Result is:', result);
        } catch (e) {
            console.error('Login failed:', e);
        }
    }

Reproduction Steps

after click on mail then it shows the error

Expected Behavior

.

Identity Provider

Entra ID (formerly Azure AD) / MSA

Browsers Affected (Select all that apply)

Chrome

Regression

No response

Source

Internal (Microsoft)