Blank screen after loginWithPopup

We are using @auth0/auth0-react (1.9.0) for a React application.

Background
On for example Safari (iPhone 13), or any other browser where third party cookies are not allowed, we use the loginWithPopup function when a user wants to login or signup.

Expectation
After successful signup in the popup window, I expect the popup to close and return the user to the primary window.

Problem
Instead the popup simply navigates to a blank screen with the following format as url:

https://auth.{MYDOMAIN}.com/authorize/resume?state={STATE}https://auth.{MYDOMAIN}.com/authorize/resume?state={STATE}

This particularly happen on a fresh browser session with no previous attempts or cookies.

The user can of course close the popup manually, but we think this is a problem UX wise for our new users. Especially on mobile devices where loginWithPoup equals a new browser window.

Can someone explain why this dead end blank screen occurs? Or how we can avoid it.

Thanks in advance

Hi @mgscott,

Welcome to the Auth0 Community and apologies for the delay!

Are you still seeing this issue? If so, could you please provide us with a code snippet or example of how you have implemented Auth0 in your React app?

Does this behavior only happen during a fresh session? Or are you saying it happens on all sessions including a new session?

Yes, we are still experiencing this. Its occuring on fresh session. On second try in the same session it usually works for some reason.

I also created a ticket for this the other day, and sent the HAR file to your colleague as requested.