getAccessTokenWithPopup not working in chrome,safari,brave when logged in for the first time

Hi,

I am using the following logic to get my access token, however for the first time when a user logs in all the browsers block the pop-up and the authentication flow runs in an indefinite loop.

Has anyone faced this issue before, any help would be highly appreciated!

I use “@auth0/auth0-react”: “^1.8.0”

const getAccessToken = async (audience, claim) => {
let token
try {
token = await getAccessTokenSilently({
audience,
claim,
})
} catch (exception) {
token = await getAccessTokenWithPopup({ audience, claim })
}
return token
}

Thanks,
Sandeep Nair