Facebook login not working on mobile (but works on desktop)

Viewed 356

I have created a Facebook Login for my app, which is built in React.

The login works perfectly on desktop browsers (and when I use desktop mode on my phone).

The issue is that when I try to login on my phone I get the following error:

RL Blocked: This redirect failed because the URI is not whitelisted in the app's ...

Why is the URL for the mobile different than the desktop version AND how do set up my Facebook whitelisted sites?

I have printed the URL onto the screen (same on mobile and desktop). I have tested on android and on iPhone. Same error

I have read facebook developper docs - no luck.

2 Answers

You can whitelist a domain from your facebook page and facebook app.

For an app, you need to goto the app settings and put your url.

I got this type of error due to ad blocking feature in the mobile. Specially when the login window is a popup. I think this will be your problem too. Please check for it.

Just add isMobile={false} and everthing will work like a charm!

Related