Facebook login URL blocked

In this setup I am using react-facebook-login and create-react-app but this issue can be found if you approach UI development differently. You can actually login successfully when login on desktop. This error shown more frequently on mobile.

When you see this error go to your facebook app setting in https://developers.facebook.com/ then go to

You should see Valid OAuth Redirect URIs on the left side. Please make sure the login url and the url where the app going to be redirected is present.

once you update the URIs do not forget to save the configuration. You can go back to your beloved app and try to login again. The error should be gone by now.